/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */


/**
 * Office UI Fabric Core 5.0.1
 * The front-end framework for building experiences for Office 365.
 **/

.ms-u-borderBox,
.ms-u-borderBox:after,
.ms-u-borderBox:before {
    box-sizing: border-box
}

.ms-u-borderBase {
    border: 1px solid
}

.ms-u-clearfix {
    *zoom: 1
}

.ms-u-clearfix:after,
.ms-u-clearfix:before {
    display: table;
    content: '';
    line-height: 0
}

.ms-u-clearfix:after {
    clear: both
}

.ms-u-normalize {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none
}

.ms-u-textAlignLeft {
    text-align: left
}

.ms-u-textAlignCenter {
    text-align: center
}

.ms-u-textAlignRight {
    text-align: right
}

.ms-u-screenReaderOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.ms-u-textTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ms-u-noWrap {
    white-space: nowrap
}

.ms-bgColor-themeDark,
.ms-bgColor-themeDark--hover:hover {
    background-color: #005a9e
}

.ms-bgColor-themeDarkAlt,
.ms-bgColor-themeDarkAlt--hover:hover {
    background-color: #106ebe
}

.ms-bgColor-themeDarker,
.ms-bgColor-themeDarker--hover:hover {
    background-color: #004578
}

.ms-bgColor-themePrimary,
.ms-bgColor-themePrimary--hover:hover {
    background-color: #0078d7
}

.ms-bgColor-themeSecondary,
.ms-bgColor-themeSecondary--hover:hover {
    background-color: #2488d8
}

.ms-bgColor-themeTertiary,
.ms-bgColor-themeTertiary--hover:hover {
    background-color: #69afe5
}

.ms-bgColor-themeLight,
.ms-bgColor-themeLight--hover:hover {
    background-color: #b3d6f2
}

.ms-bgColor-themeLighter,
.ms-bgColor-themeLighter--hover:hover {
    background-color: #deecf9
}

.ms-bgColor-themeLighterAlt,
.ms-bgColor-themeLighterAlt--hover:hover {
    background-color: #eff6fc
}

.ms-bgColor-black,
.ms-bgColor-black--hover:hover {
    background-color: #000
}

.ms-bgColor-neutralDark,
.ms-bgColor-neutralDark--hover:hover {
    background-color: #212121
}

.ms-bgColor-neutralPrimary,
.ms-bgColor-neutralPrimary--hover:hover {
    background-color: #333
}

.ms-bgColor-neutralPrimaryAlt,
.ms-bgColor-neutralPrimaryAlt--hover:hover {
    background-color: #3c3c3c
}

.ms-bgColor-neutralSecondary,
.ms-bgColor-neutralSecondary--hover:hover {
    background-color: #666
}

.ms-bgColor-neutralSecondaryAlt,
.ms-bgColor-neutralSecondaryAlt--hover:hover {
    background-color: #767676
}

.ms-bgColor-neutralTertiary,
.ms-bgColor-neutralTertiary--hover:hover {
    background-color: #a6a6a6
}

.ms-bgColor-neutralTertiaryAlt,
.ms-bgColor-neutralTertiaryAlt--hover:hover {
    background-color: #c8c8c8
}

.ms-bgColor-neutralLight,
.ms-bgColor-neutralLight--hover:hover {
    background-color: #eaeaea
}

.ms-bgColor-neutralLighter,
.ms-bgColor-neutralLighter--hover:hover {
    background-color: #f4f4f4
}

.ms-bgColor-neutralLighterAlt,
.ms-bgColor-neutralLighterAlt--hover:hover {
    background-color: #f8f8f8
}

.ms-bgColor-white,
.ms-bgColor-white--hover:hover {
    background-color: #fff
}

.ms-bgColor-yellow {
    background-color: #ffb900
}

.ms-bgColor-yellowLight {
    background-color: #fff100
}

.ms-bgColor-orange {
    background-color: #d83b01
}

.ms-bgColor-orangeLight {
    background-color: #ea4300
}

.ms-bgColor-orangeLighter {
    background-color: #ff8c00
}

.ms-bgColor-redDark {
    background-color: #a80000
}

.ms-bgColor-red {
    background-color: #e81123
}

.ms-bgColor-magentaDark {
    background-color: #5c005c
}

.ms-bgColor-magenta {
    background-color: #b4009e
}

.ms-bgColor-magentaLight {
    background-color: #e3008c
}

.ms-bgColor-purpleDark {
    background-color: #32145a
}

.ms-bgColor-purple {
    background-color: #5c2d91
}

.ms-bgColor-purpleLight {
    background-color: #b4a0ff
}

.ms-bgColor-blueDark {
    background-color: #002050
}

.ms-bgColor-blueMid {
    background-color: #00188f
}

.ms-bgColor-blue {
    background-color: #0078d7
}

.ms-bgColor-blueLight {
    background-color: #00bcf2
}

.ms-bgColor-tealDark {
    background-color: #004b50
}

.ms-bgColor-teal {
    background-color: #008272
}

.ms-bgColor-tealLight {
    background-color: #00b294
}

.ms-bgColor-greenDark {
    background-color: #004b1c
}

.ms-bgColor-green {
    background-color: #107c10
}

.ms-bgColor-greenLight {
    background-color: #bad80a
}

.ms-bgColor-info {
    background-color: #f4f4f4
}

.ms-bgColor-success {
    background-color: #dff6dd
}

.ms-bgColor-severeWarning {
    background-color: #fed9cc
}

.ms-bgColor-warning {
    background-color: #fff4ce
}

.ms-bgColor-error {
    background-color: #fde7e9
}

.ms-borderColor-themeDark,
.ms-borderColor-themeDark--hover:hover {
    border-color: #005a9e
}

.ms-borderColor-themeDarkAlt,
.ms-borderColor-themeDarkAlt--hover:hover {
    border-color: #106ebe
}

.ms-borderColor-themeDarker,
.ms-borderColor-themeDarker--hover:hover {
    border-color: #004578
}

.ms-borderColor-themePrimary,
.ms-borderColor-themePrimary--hover:hover {
    border-color: #0078d7
}

.ms-borderColor-themeSecondary,
.ms-borderColor-themeSecondary--hover:hover {
    border-color: #2488d8
}

.ms-borderColor-themeTertiary,
.ms-borderColor-themeTertiary--hover:hover {
    border-color: #69afe5
}

.ms-borderColor-themeLight,
.ms-borderColor-themeLight--hover:hover {
    border-color: #b3d6f2
}

.ms-borderColor-themeLighter,
.ms-borderColor-themeLighter--hover:hover {
    border-color: #deecf9
}

.ms-borderColor-themeLighterAlt,
.ms-borderColor-themeLighterAlt--hover:hover {
    border-color: #eff6fc
}

.ms-borderColor-black,
.ms-borderColor-black--hover:hover {
    border-color: #000
}

.ms-borderColor-neutralDark,
.ms-borderColor-neutralDark--hover:hover {
    border-color: #212121
}

.ms-borderColor-neutralPrimary,
.ms-borderColor-neutralPrimary--hover:hover {
    border-color: #333
}

.ms-borderColor-neutralPrimaryAlt,
.ms-borderColor-neutralPrimaryAlt--hover:hover {
    border-color: #3c3c3c
}

.ms-borderColor-neutralSecondary,
.ms-borderColor-neutralSecondary--hover:hover {
    border-color: #666
}

.ms-borderColor-neutralSecondaryAlt,
.ms-borderColor-neutralSecondaryAlt--hover:hover {
    border-color: #767676
}

.ms-borderColor-neutralTertiary,
.ms-borderColor-neutralTertiary--hover:hover {
    border-color: #a6a6a6
}

.ms-borderColor-neutralTertiaryAlt,
.ms-borderColor-neutralTertiaryAlt--hover:hover {
    border-color: #c8c8c8
}

.ms-borderColor-neutralLight,
.ms-borderColor-neutralLight--hover:hover {
    border-color: #eaeaea
}

.ms-borderColor-neutralLighter,
.ms-borderColor-neutralLighter--hover:hover {
    border-color: #f4f4f4
}

.ms-borderColor-neutralLighterAlt,
.ms-borderColor-neutralLighterAlt--hover:hover {
    border-color: #f8f8f8
}

.ms-borderColor-white,
.ms-borderColor-white--hover:hover {
    border-color: #fff
}

.ms-borderColor-yellow {
    border-color: #ffb900
}

.ms-borderColor-yellowLight {
    border-color: #fff100
}

.ms-borderColor-orange {
    border-color: #d83b01
}

.ms-borderColor-orangeLight {
    border-color: #ea4300
}

.ms-borderColor-orangeLighter {
    border-color: #ff8c00
}

.ms-borderColor-redDark {
    border-color: #a80000
}

.ms-borderColor-red {
    border-color: #e81123
}

.ms-borderColor-magentaDark {
    border-color: #5c005c
}

.ms-borderColor-magenta {
    border-color: #b4009e
}

.ms-borderColor-magentaLight {
    border-color: #e3008c
}

.ms-borderColor-purpleDark {
    border-color: #32145a
}

.ms-borderColor-purple {
    border-color: #5c2d91
}

.ms-borderColor-purpleLight {
    border-color: #b4a0ff
}

.ms-borderColor-blueDark {
    border-color: #002050
}

.ms-borderColor-blueMid {
    border-color: #00188f
}

.ms-borderColor-blue {
    border-color: #0078d7
}

.ms-borderColor-blueLight {
    border-color: #00bcf2
}

.ms-borderColor-tealDark {
    border-color: #004b50
}

.ms-borderColor-teal {
    border-color: #008272
}

.ms-borderColor-tealLight {
    border-color: #00b294
}

.ms-borderColor-greenDark {
    border-color: #004b1c
}

.ms-borderColor-green {
    border-color: #107c10
}

.ms-borderColor-greenLight {
    border-color: #bad80a
}

.ms-borderColorTop-themePrimary,
.ms-borderColorTop-themePrimary--hover:hover {
    border-top-color: #0078d7
}

.ms-font-su {
    font-size: 42px
}

.ms-font-su,
.ms-font-xxl {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 100
}

.ms-font-xxl {
    font-size: 28px
}

.ms-font-xl {
    font-size: 21px;
    font-weight: 100
}

.ms-font-l,
.ms-font-xl {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased
}

.ms-font-l {
    font-size: 17px;
    font-weight: 300
}

.ms-font-m-plus {
    font-size: 15px
}

.ms-font-m,
.ms-font-m-plus {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.ms-font-m {
    font-size: 14px
}

.ms-font-s-plus {
    font-size: 13px
}

.ms-font-s,
.ms-font-s-plus {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.ms-font-s {
    font-size: 12px
}

.ms-font-xs {
    font-size: 11px;
    font-weight: 400
}

.ms-font-mi,
.ms-font-xs {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased
}

.ms-font-mi {
    font-size: 10px;
    font-weight: 600
}

.ms-fontWeight-light,
.ms-fontWeight-light--hover:hover {
    font-weight: 100
}

.ms-fontWeight-semilight,
.ms-fontWeight-semilight--hover:hover {
    font-weight: 300
}

.ms-fontWeight-regular,
.ms-fontWeight-regular--hover:hover {
    font-weight: 400
}

.ms-fontWeight-semibold,
.ms-fontWeight-semibold--hover:hover {
    font-weight: 600
}

.ms-fontSize-su {
    font-size: 42px
}

.ms-fontSize-xxl {
    font-size: 28px
}

.ms-fontSize-xl {
    font-size: 21px
}

.ms-fontSize-l {
    font-size: 17px
}

.ms-fontSize-mPlus {
    font-size: 15px
}

.ms-fontSize-m {
    font-size: 14px
}

.ms-fontSize-sPlus {
    font-size: 13px
}

.ms-fontSize-s {
    font-size: 12px
}

.ms-fontSize-xs {
    font-size: 11px
}

.ms-fontSize-mi {
    font-size: 10px
}

.ms-fontColor-themeDarker,
.ms-fontColor-themeDarker--hover:hover {
    color: #004578
}

.ms-fontColor-themeDark,
.ms-fontColor-themeDark--hover:hover {
    color: #005a9e
}

.ms-fontColor-themeDarkAlt,
.ms-fontColor-themeDarkAlt--hover:hover {
    color: #106ebe
}

.ms-fontColor-themePrimary,
.ms-fontColor-themePrimary--hover:hover {
    color: #0078d7
}

.ms-fontColor-themeSecondary,
.ms-fontColor-themeSecondary--hover:hover {
    color: #2488d8
}

.ms-fontColor-themeTertiary,
.ms-fontColor-themeTertiary--hover:hover {
    color: #69afe5
}

.ms-fontColor-themeLight,
.ms-fontColor-themeLight--hover:hover {
    color: #b3d6f2
}

.ms-fontColor-themeLighter,
.ms-fontColor-themeLighter--hover:hover {
    color: #deecf9
}

.ms-fontColor-themeLighterAlt,
.ms-fontColor-themeLighterAlt--hover:hover {
    color: #eff6fc
}

.ms-fontColor-black,
.ms-fontColor-black--hover:hover {
    color: #000
}

.ms-fontColor-neutralDark,
.ms-fontColor-neutralDark--hover:hover {
    color: #212121
}

.ms-fontColor-neutralPrimary,
.ms-fontColor-neutralPrimary--hover:hover {
    color: #333
}

.ms-fontColor-neutralPrimaryAlt,
.ms-fontColor-neutralPrimaryAlt--hover:hover {
    color: #3c3c3c
}

.ms-fontColor-neutralSecondary,
.ms-fontColor-neutralSecondary--hover:hover {
    color: #666
}

.ms-fontColor-neutralSecondaryAlt,
.ms-fontColor-neutralSecondaryAlt--hover:hover {
    color: #767676
}

.ms-fontColor-neutralTertiary,
.ms-fontColor-neutralTertiary--hover:hover {
    color: #a6a6a6
}

.ms-fontColor-neutralTertiaryAlt,
.ms-fontColor-neutralTertiaryAlt--hover:hover {
    color: #c8c8c8
}

.ms-fontColor-neutralLight,
.ms-fontColor-neutralLight--hover:hover {
    color: #eaeaea
}

.ms-fontColor-neutralLighter,
.ms-fontColor-neutralLighter--hover:hover {
    color: #f4f4f4
}

.ms-fontColor-neutralLighterAlt,
.ms-fontColor-neutralLighterAlt--hover:hover {
    color: #f8f8f8
}

.ms-fontColor-white,
.ms-fontColor-white--hover:hover {
    color: #fff
}

.ms-fontColor-yellow,
.ms-fontColor-yellow--hover:hover {
    color: #ffb900
}

.ms-fontColor-yellowLight,
.ms-fontColor-yellowLight--hover:hover {
    color: #fff100
}

.ms-fontColor-orange,
.ms-fontColor-orange--hover:hover {
    color: #d83b01
}

.ms-fontColor-orangeLight,
.ms-fontColor-orangeLight--hover:hover {
    color: #ea4300
}

.ms-fontColor-orangeLighter,
.ms-fontColor-orangeLighter--hover:hover {
    color: #ff8c00
}

.ms-fontColor-redDark,
.ms-fontColor-redDark--hover:hover {
    color: #a80000
}

.ms-fontColor-red,
.ms-fontColor-red--hover:hover {
    color: #e81123
}

.ms-fontColor-magentaDark,
.ms-fontColor-magentaDark--hover:hover {
    color: #5c005c
}

.ms-fontColor-magenta,
.ms-fontColor-magenta--hover:hover {
    color: #b4009e
}

.ms-fontColor-magentaLight,
.ms-fontColor-magentaLight--hover:hover {
    color: #e3008c
}

.ms-fontColor-purpleDark,
.ms-fontColor-purpleDark--hover:hover {
    color: #32145a
}

.ms-fontColor-purple,
.ms-fontColor-purple--hover:hover {
    color: #5c2d91
}

.ms-fontColor-purpleLight,
.ms-fontColor-purpleLight--hover:hover {
    color: #b4a0ff
}

.ms-fontColor-blueDark,
.ms-fontColor-blueDark--hover:hover {
    color: #002050
}

.ms-fontColor-blueMid,
.ms-fontColor-blueMid--hover:hover {
    color: #00188f
}

.ms-fontColor-blue,
.ms-fontColor-blue--hover:hover {
    color: #0078d7
}

.ms-fontColor-blueLight,
.ms-fontColor-blueLight--hover:hover {
    color: #00bcf2
}

.ms-fontColor-tealDark,
.ms-fontColor-tealDark--hover:hover {
    color: #004b50
}

.ms-fontColor-teal,
.ms-fontColor-teal--hover:hover {
    color: #008272
}

.ms-fontColor-tealLight,
.ms-fontColor-tealLight--hover:hover {
    color: #00b294
}

.ms-fontColor-greenDark,
.ms-fontColor-greenDark--hover:hover {
    color: #004b1c
}

.ms-fontColor-green,
.ms-fontColor-green--hover:hover {
    color: #107c10
}

.ms-fontColor-greenLight,
.ms-fontColor-greenLight--hover:hover {
    color: #bad80a
}

.ms-fontColor-info,
.ms-fontColor-info--hover:hover {
    color: #767676
}

.ms-fontColor-success,
.ms-fontColor-success--hover:hover {
    color: #107c10
}

.ms-fontColor-alert,
.ms-fontColor-alert--hover:hover {
    color: #d83b01
}

.ms-fontColor-warning,
.ms-fontColor-warning--hover:hover {
    color: #767676
}

.ms-fontColor-severeWarning,
.ms-fontColor-severeWarning--hover:hover {
    color: #d83b01
}

.ms-fontColor-error,
.ms-fontColor-error--hover:hover {
    color: #a80000
}

@font-face {
    font-family: Segoe UI WestEuropean;
    /* src: local('Segoe UI Light'), url(../assets/fonts/segoeui-light.woff2) format('woff2'), url(../assets/fonts/segoeui-light.woff) format('woff'), url(../assets/fonts/segoeui-light.ttf) format('truetype'); */
    src: local('Segoe UI Light'), url(../assets/fonts/segoeui-light.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Segoe UI WestEuropean;
    src: local('Segoe UI'), url(../assets/fonts/segoeui-regular.woff2) format('woff2'), url(../assets/fonts/segoeui-regular.woff) format('woff'), url(../assets/fonts/segoeui-regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Segoe UI WestEuropean;
    src: local('Segoe UI Semibold'), url(../assets/fonts/segoeui-semibold.woff2) format('woff2'), url(../assets/fonts/segoeui-semibold.woff) format('woff'), url(../assets/fonts/segoeui-semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Segoe UI WestEuropean;
    src: local('Segoe UI Semilight'), url(../assets/fonts/segoeui-semilight.woff2) format('woff2'), url(../assets/fonts/segoeui-semilight.woff) format('woff'), url(../assets/fonts/segoeui-semilight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: FabricMDL2Icons;
    src: url(../assets/fonts/fabricmdl2icons.woff) format('woff'), url(../assets/fonts/fabricmdl2icons.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.ms-Icon {
    -moz-osx-font-smoothing: grayscale;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none
}

.ms-Icon,
.ms-Icon--circle {
    -webkit-font-smoothing: antialiased;
    display: inline-block
}

.ms-Icon--circle {
    position: relative;
    font-size: 1rem;
    width: 1em;
    height: 1em;
    margin: 0 .5em 0 0;
    padding: 0;
    text-align: left
}

.ms-Icon--circle:after,
.ms-Icon--circle:before {
    line-height: 1;
    font-size: inherit
}

.ms-Icon--circle:before {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: absolute
}

.ms-Icon--circle:after {
    content: '\E000';
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(2);
    transform-origin: 50% 50%;
    z-index: 0
}

.ms-Icon--xs {
    font-size: 10px
}

.ms-Icon--s {
    font-size: 12px
}

.ms-Icon--m {
    font-size: 16px
}

.ms-Icon--l {
    font-size: 20px
}

.ms-Icon--DecreaseIndentLegacy:before {
    content: '\E290'
}

.ms-Icon--IncreaseIndentLegacy:before {
    content: '\E291'
}

.ms-Icon--GlobalNavButton:before {
    content: '\E700'
}

.ms-Icon--InternetSharing:before {
    content: '\E704'
}

.ms-Icon--Brightness:before {
    content: '\E706'
}

.ms-Icon--MapPin:before {
    content: '\E707'
}

.ms-Icon--Airplane:before {
    content: '\E709'
}

.ms-Icon--Tablet:before {
    content: '\E70A'
}

.ms-Icon--QuickNote:before {
    content: '\E70B'
}

.ms-Icon--ChevronDown:before {
    content: '\E70D'
}

.ms-Icon--ChevronUp:before {
    content: '\E70E'
}

.ms-Icon--Edit:before {
    content: '\E70F'
}

.ms-Icon--Add:before {
    content: '\E710'
}

.ms-Icon--Cancel:before {
    content: '\E711'
}

.ms-Icon--More:before {
    content: '\E712'
}

.ms-Icon--Settings:before {
    content: '\E713'
}

.ms-Icon--Video:before {
    content: '\E714'
}

.ms-Icon--Mail:before {
    content: '\E715'
}

.ms-Icon--People:before {
    content: '\E716'
}

.ms-Icon--Phone:before {
    content: '\E717'
}

.ms-Icon--Pin:before {
    content: '\E718'
}

.ms-Icon--Shop:before {
    content: '\E719'
}

.ms-Icon--Link:before {
    content: '\E71B'
}

.ms-Icon--Filter:before {
    content: '\E71C'
}

.ms-Icon--Zoom:before {
    content: '\E71E'
}

.ms-Icon--ZoomOut:before {
    content: '\E71F'
}

.ms-Icon--Microphone:before {
    content: '\E720'
}

.ms-Icon--Search:before {
    content: '\E721'
}

.ms-Icon--Camera:before {
    content: '\E722'
}

.ms-Icon--Attach:before {
    content: '\E723'
}

.ms-Icon--Send:before {
    content: '\E724'
}

.ms-Icon--FavoriteList:before {
    content: '\E728'
}

.ms-Icon--PageSolid:before {
    content: '\E729'
}

.ms-Icon--Forward:before {
    content: '\E72A'
}

.ms-Icon--Back:before {
    content: '\E72B'
}

.ms-Icon--Refresh:before {
    content: '\E72C'
}

.ms-Icon--Share:before {
    content: '\E72D'
}

.ms-Icon--Lock:before {
    content: '\E72E'
}

.ms-Icon--EMI:before {
    content: '\E731'
}

.ms-Icon--MiniLink:before {
    content: '\E732'
}

.ms-Icon--Blocked:before {
    content: '\E733'
}

.ms-Icon--FavoriteStar:before {
    content: '\E734'
}

.ms-Icon--FavoriteStarFill:before {
    content: '\E735'
}

.ms-Icon--ReadingMode:before {
    content: '\E736'
}

.ms-Icon--Remove:before {
    content: '\E738'
}

.ms-Icon--Checkbox:before {
    content: '\E739'
}

.ms-Icon--CheckboxComposite:before {
    content: '\E73A'
}

.ms-Icon--CheckboxIndeterminate:before {
    content: '\E73C'
}

.ms-Icon--CheckMark:before {
    content: '\E73E'
}

.ms-Icon--BackToWindow:before {
    content: '\E73F'
}

.ms-Icon--FullScreen:before {
    content: '\E740'
}

.ms-Icon--Print:before {
    content: '\E749'
}

.ms-Icon--Up:before {
    content: '\E74A'
}

.ms-Icon--Down:before {
    content: '\E74B'
}

.ms-Icon--Delete:before {
    content: '\E74D'
}

.ms-Icon--Save:before {
    content: '\E74E'
}

.ms-Icon--Sad:before {
    content: '\E757'
}

.ms-Icon--SIPMove:before {
    content: '\E759'
}

.ms-Icon--EraseTool:before {
    content: '\E75C'
}

.ms-Icon--GripperTool:before {
    content: '\E75E'
}

.ms-Icon--Dialpad:before {
    content: '\E75F'
}

.ms-Icon--PageLeft:before {
    content: '\E760'
}

.ms-Icon--PageRight:before {
    content: '\E761'
}

.ms-Icon--MultiSelect:before {
    content: '\E762'
}

.ms-Icon--Play:before {
    content: '\E768'
}

.ms-Icon--Pause:before {
    content: '\E769'
}

.ms-Icon--ChevronLeft:before {
    content: '\E76B'
}

.ms-Icon--ChevronRight:before {
    content: '\E76C'
}

.ms-Icon--Emoji2:before {
    content: '\E76E'
}

.ms-Icon--System:before {
    content: '\E770'
}

.ms-Icon--Globe:before {
    content: '\E774'
}

.ms-Icon--ContactInfo:before {
    content: '\E779'
}

.ms-Icon--Unpin:before {
    content: '\E77A'
}

.ms-Icon--Contact:before {
    content: '\E77B'
}

.ms-Icon--Memo:before {
    content: '\E77C'
}

.ms-Icon--WindowsLogo:before {
    content: '\E782'
}

.ms-Icon--Error:before {
    content: '\E783'
}

.ms-Icon--Unlock:before {
    content: '\E785'
}

.ms-Icon--Calendar:before {
    content: '\E787'
}

.ms-Icon--Megaphone:before {
    content: '\E789'
}

.ms-Icon--AutoEnhanceOn:before {
    content: '\E78D'
}

.ms-Icon--AutoEnhanceOff:before {
    content: '\E78E'
}

.ms-Icon--Color:before {
    content: '\E790'
}

.ms-Icon--SaveAs:before {
    content: '\E792'
}

.ms-Icon--Light:before {
    content: '\E793'
}

.ms-Icon--Filters:before {
    content: '\E795'
}

.ms-Icon--Contrast:before {
    content: '\E7A1'
}

.ms-Icon--Redo:before {
    content: '\E7A6'
}

.ms-Icon--Undo:before {
    content: '\E7A7'
}

.ms-Icon--PhotoCollection:before {
    content: '\E7AA'
}

.ms-Icon--Album:before {
    content: '\E7AB'
}

.ms-Icon--Rotate:before {
    content: '\E7AD'
}

.ms-Icon--PanoIndicator:before {
    content: '\E7B0'
}

.ms-Icon--ThumbnailView:before {
    content: '\E7B6'
}

.ms-Icon--Package:before {
    content: '\E7B8'
}

.ms-Icon--Warning:before {
    content: '\E7BA'
}

.ms-Icon--Financial:before {
    content: '\E7BB'
}

.ms-Icon--ShoppingCart:before {
    content: '\E7BF'
}

.ms-Icon--Train:before {
    content: '\E7C0'
}

.ms-Icon--Flag:before {
    content: '\E7C1'
}

.ms-Icon--Move:before {
    content: '\E7C2'
}

.ms-Icon--Page:before {
    content: '\E7C3'
}

.ms-Icon--TouchPointer:before {
    content: '\E7C9'
}

.ms-Icon--Merge:before {
    content: '\E7D5'
}

.ms-Icon--TurnRight:before {
    content: '\E7DB'
}

.ms-Icon--Ferry:before {
    content: '\E7E3'
}

.ms-Icon--Tab:before {
    content: '\E7E9'
}

.ms-Icon--Admin:before {
    content: '\E7EF'
}

.ms-Icon--TVMonitor:before {
    content: '\E7F4'
}

.ms-Icon--Speakers:before {
    content: '\E7F5'
}

.ms-Icon--Nav2DMapView:before {
    content: '\E800'
}

.ms-Icon--Car:before {
    content: '\E804'
}

.ms-Icon--EatDrink:before {
    content: '\E807'
}

.ms-Icon--LocationCircle:before {
    content: '\E80E'
}

.ms-Icon--Home:before {
    content: '\E80F'
}

.ms-Icon--SwitcherStartEnd:before {
    content: '\E810'
}

.ms-Icon--IncidentTriangle:before {
    content: '\E814'
}

.ms-Icon--Touch:before {
    content: '\E815'
}

.ms-Icon--MapDirections:before {
    content: '\E816'
}

.ms-Icon--History:before {
    content: '\E81C'
}

.ms-Icon--Location:before {
    content: '\E81D'
}

.ms-Icon--Work:before {
    content: '\E821'
}

.ms-Icon--Recent:before {
    content: '\E823'
}

.ms-Icon--Hotel:before {
    content: '\E824'
}

.ms-Icon--LocationDot:before {
    content: '\E827'
}

.ms-Icon--News:before {
    content: '\E900'
}

.ms-Icon--Chat:before {
    content: '\E901'
}

.ms-Icon--Group:before {
    content: '\E902'
}

.ms-Icon--View:before {
    content: '\E890'
}

.ms-Icon--Clear:before {
    content: '\E894'
}

.ms-Icon--Sync:before {
    content: '\E895'
}

.ms-Icon--Download:before {
    content: '\E896'
}

.ms-Icon--Help:before {
    content: '\E897'
}

.ms-Icon--Upload:before {
    content: '\E898'
}

.ms-Icon--Emoji:before {
    content: '\E899'
}

.ms-Icon--MailForward:before {
    content: '\E89C'
}

.ms-Icon--ClosePane:before {
    content: '\E89F'
}

.ms-Icon--OpenPane:before {
    content: '\E8A0'
}

.ms-Icon--PreviewLink:before {
    content: '\E8A1'
}

.ms-Icon--ZoomIn:before {
    content: '\E8A3'
}

.ms-Icon--Bookmarks:before {
    content: '\E8A4'
}

.ms-Icon--Document:before {
    content: '\E8A5'
}

.ms-Icon--ProtectedDocument:before {
    content: '\E8A6'
}

.ms-Icon--OpenInNewWindow:before {
    content: '\E8A7'
}

.ms-Icon--MailFill:before {
    content: '\E8A8'
}

.ms-Icon--ViewAll:before {
    content: '\E8A9'
}

.ms-Icon--Switch:before {
    content: '\E8AB'
}

.ms-Icon--Rename:before {
    content: '\E8AC'
}

.ms-Icon--Folder:before {
    content: '\E8B7'
}

.ms-Icon--Picture:before {
    content: '\E8B9'
}

.ms-Icon--ShowResults:before {
    content: '\E8BC'
}

.ms-Icon--Message:before {
    content: '\E8BD'
}

.ms-Icon--CalendarDay:before {
    content: '\E8BF'
}

.ms-Icon--CalendarWeek:before {
    content: '\E8C0'
}

.ms-Icon--MailReplyAll:before {
    content: '\E8C2'
}

.ms-Icon--Read:before {
    content: '\E8C3'
}

.ms-Icon--PaymentCard:before {
    content: '\E8C7'
}

.ms-Icon--Copy:before {
    content: '\E8C8'
}

.ms-Icon--Important:before {
    content: '\E8C9'
}

.ms-Icon--MailReply:before {
    content: '\E8CA'
}

.ms-Icon--Sort:before {
    content: '\E8CB'
}

.ms-Icon--GotoToday:before {
    content: '\E8D1'
}

.ms-Icon--Font:before {
    content: '\E8D2'
}

.ms-Icon--FontColor:before {
    content: '\E8D3'
}

.ms-Icon--FolderFill:before {
    content: '\E8D5'
}

.ms-Icon--Permissions:before {
    content: '\E8D7'
}

.ms-Icon--DisableUpdates:before {
    content: '\E8D8'
}

.ms-Icon--Unfavorite:before {
    content: '\E8D9'
}

.ms-Icon--Italic:before {
    content: '\E8DB'
}

.ms-Icon--Underline:before {
    content: '\E8DC'
}

.ms-Icon--Bold:before {
    content: '\E8DD'
}

.ms-Icon--MoveToFolder:before {
    content: '\E8DE'
}

.ms-Icon--Dislike:before {
    content: '\E8E0'
}

.ms-Icon--Like:before {
    content: '\E8E1'
}

.ms-Icon--AlignRight:before {
    content: '\E8E2'
}

.ms-Icon--AlignCenter:before {
    content: '\E8E3'
}

.ms-Icon--AlignLeft:before {
    content: '\E8E4'
}

.ms-Icon--OpenFile:before {
    content: '\E8E5'
}

.ms-Icon--FontDecrease:before {
    content: '\E8E7'
}

.ms-Icon--FontIncrease:before {
    content: '\E8E8'
}

.ms-Icon--FontSize:before {
    content: '\E8E9'
}

.ms-Icon--CellPhone:before {
    content: '\E8EA'
}

.ms-Icon--Tag:before {
    content: '\E8EC'
}

.ms-Icon--Library:before {
    content: '\E8F1'
}

.ms-Icon--PostUpdate:before {
    content: '\E8F3'
}

.ms-Icon--NewFolder:before {
    content: '\E8F4'
}

.ms-Icon--CalendarReply:before {
    content: '\E8F5'
}

.ms-Icon--UnsyncFolder:before {
    content: '\E8F6'
}

.ms-Icon--SyncFolder:before {
    content: '\E8F7'
}

.ms-Icon--BlockContact:before {
    content: '\E8F8'
}

.ms-Icon--AddFriend:before {
    content: '\E8FA'
}

.ms-Icon--BulletedList:before {
    content: '\E8FD'
}

.ms-Icon--Preview:before {
    content: '\E8FF'
}

.ms-Icon--DockLeft:before {
    content: '\E90C'
}

.ms-Icon--DockRight:before {
    content: '\E90D'
}

.ms-Icon--Repair:before {
    content: '\E90F'
}

.ms-Icon--Accounts:before {
    content: '\E910'
}

.ms-Icon--RadioBullet:before {
    content: '\E915'
}

.ms-Icon--Stopwatch:before {
    content: '\E916'
}

.ms-Icon--Clock:before {
    content: '\E917'
}

.ms-Icon--WorldClock:before {
    content: '\E918'
}

.ms-Icon--AlarmClock:before {
    content: '\E919'
}

.ms-Icon--Hospital:before {
    content: '\E91D'
}

.ms-Icon--Timer:before {
    content: '\E91E'
}

.ms-Icon--FullCircleMask:before {
    content: '\E91F'
}

.ms-Icon--LocationFill:before {
    content: '\E920'
}

.ms-Icon--ChromeMinimize:before {
    content: '\E921'
}

.ms-Icon--Annotation:before {
    content: '\E924'
}

.ms-Icon--ChromeClose:before {
    content: '\E8BB'
}

.ms-Icon--Accept:before {
    content: '\E8FB'
}

.ms-Icon--Fingerprint:before {
    content: '\E928'
}

.ms-Icon--Handwriting:before {
    content: '\E929'
}

.ms-Icon--StackIndicator:before {
    content: '\E7FF'
}

.ms-Icon--Completed:before {
    content: '\E930'
}

.ms-Icon--Label:before {
    content: '\E932'
}

.ms-Icon--FlickDown:before {
    content: '\E935'
}

.ms-Icon--FlickUp:before {
    content: '\E936'
}

.ms-Icon--FlickLeft:before {
    content: '\E937'
}

.ms-Icon--FlickRight:before {
    content: '\E938'
}

.ms-Icon--MusicInCollection:before {
    content: '\E940'
}

.ms-Icon--OneDrive:before {
    content: '\E941'
}

.ms-Icon--CompassNW:before {
    content: '\E942'
}

.ms-Icon--Code:before {
    content: '\E943'
}

.ms-Icon--LightningBolt:before {
    content: '\E945'
}

.ms-Icon--Info:before {
    content: '\E946'
}

.ms-Icon--CalculatorAddition:before {
    content: '\E948'
}

.ms-Icon--CalculatorSubtract:before {
    content: '\E949'
}

.ms-Icon--PrintfaxPrinterFile:before {
    content: '\E956'
}

.ms-Icon--Health:before {
    content: '\E95E'
}

.ms-Icon--ChevronUpSmall:before {
    content: '\E96D'
}

.ms-Icon--ChevronDownSmall:before {
    content: '\E96E'
}

.ms-Icon--ChevronLeftSmall:before {
    content: '\E96F'
}

.ms-Icon--ChevronRightSmall:before {
    content: '\E970'
}

.ms-Icon--ChevronUpMed:before {
    content: '\E971'
}

.ms-Icon--ChevronDownMed:before {
    content: '\E972'
}

.ms-Icon--ChevronLeftMed:before {
    content: '\E973'
}

.ms-Icon--ChevronRightMed:before {
    content: '\E974'
}

.ms-Icon--Dictionary:before {
    content: '\E82D'
}

.ms-Icon--ChromeBack:before {
    content: '\E830'
}

.ms-Icon--PC1:before {
    content: '\E977'
}

.ms-Icon--PresenceChickletVideo:before {
    content: '\E979'
}

.ms-Icon--Reply:before {
    content: '\E97A'
}

.ms-Icon--DoubleChevronLeftMed:before {
    content: '\E991'
}

.ms-Icon--Volume0:before {
    content: '\E992'
}

.ms-Icon--Volume1:before {
    content: '\E993'
}

.ms-Icon--Volume2:before {
    content: '\E994'
}

.ms-Icon--Volume3:before {
    content: '\E995'
}

.ms-Icon--CaretHollow:before {
    content: '\E817'
}

.ms-Icon--CaretSolid:before {
    content: '\E818'
}

.ms-Icon--FolderOpen:before {
    content: '\E838'
}

.ms-Icon--Pinned:before {
    content: '\E840'
}

.ms-Icon--PinnedFill:before {
    content: '\E842'
}

.ms-Icon--Chart:before {
    content: '\E999'
}

.ms-Icon--BidiLtr:before {
    content: '\E9AA'
}

.ms-Icon--BidiRtl:before {
    content: '\E9AB'
}

.ms-Icon--RevToggleKey:before {
    content: '\E845'
}

.ms-Icon--RightDoubleQuote:before {
    content: '\E9B1'
}

.ms-Icon--Sunny:before {
    content: '\E9BD'
}

.ms-Icon--CloudWeather:before {
    content: '\E9BE'
}

.ms-Icon--Cloudy:before {
    content: '\E9BF'
}

.ms-Icon--PartlyCloudyDay:before {
    content: '\E9C0'
}

.ms-Icon--PartlyCloudyNight:before {
    content: '\E9C1'
}

.ms-Icon--ClearNight:before {
    content: '\E9C2'
}

.ms-Icon--RainShowersDay:before {
    content: '\E9C3'
}

.ms-Icon--Rain:before {
    content: '\E9C4'
}

.ms-Icon--Thunderstorms:before {
    content: '\E9C6'
}

.ms-Icon--RainSnow:before {
    content: '\E9C7'
}

.ms-Icon--BlowingSnow:before {
    content: '\E9C9'
}

.ms-Icon--Frigid:before {
    content: '\E9CA'
}

.ms-Icon--Fog:before {
    content: '\E9CB'
}

.ms-Icon--Squalls:before {
    content: '\E9CC'
}

.ms-Icon--Duststorm:before {
    content: '\E9CD'
}

.ms-Icon--Precipitation:before {
    content: '\E9CF'
}

.ms-Icon--Ringer:before {
    content: '\EA8F'
}

.ms-Icon--PDF:before {
    content: '\EA90'
}

.ms-Icon--SortLines:before {
    content: '\E9D0'
}

.ms-Icon--Ribbon:before {
    content: '\E9D1'
}

.ms-Icon--CheckList:before {
    content: '\E9D5'
}

.ms-Icon--Generate:before {
    content: '\E9DA'
}

.ms-Icon--Equalizer:before {
    content: '\E9E9'
}

.ms-Icon--BarChartHorizontal:before {
    content: '\E9EB'
}

.ms-Icon--Freezing:before {
    content: '\E9EF'
}

.ms-Icon--SnowShowerDay:before {
    content: '\E9FD'
}

.ms-Icon--HailDay:before {
    content: '\EA00'
}

.ms-Icon--WorkFlow:before {
    content: '\EA01'
}

.ms-Icon--StoreLogoMed:before {
    content: '\EA04'
}

.ms-Icon--RainShowersNight:before {
    content: '\EA0F'
}

.ms-Icon--SnowShowerNight:before {
    content: '\EA11'
}

.ms-Icon--HailNight:before {
    content: '\EA13'
}

.ms-Icon--Info2:before {
    content: '\EA1F'
}

.ms-Icon--StoreLogo:before {
    content: '\EA96'
}

.ms-Icon--MultiSelectMirrored:before {
    content: '\EA98'
}

.ms-Icon--Broom:before {
    content: '\EA99'
}

.ms-Icon--MusicInCollectionFill:before {
    content: '\EA36'
}

.ms-Icon--List:before {
    content: '\EA37'
}

.ms-Icon--Asterisk:before {
    content: '\EA38'
}

.ms-Icon--ErrorBadge:before {
    content: '\EA39'
}

.ms-Icon--CircleRing:before {
    content: '\EA3A'
}

.ms-Icon--CircleFill:before {
    content: '\EA3B'
}

.ms-Icon--BookmarksMirrored:before {
    content: '\EA41'
}

.ms-Icon--BulletedListMirrored:before {
    content: '\EA42'
}

.ms-Icon--CaretHollowMirrored:before {
    content: '\EA45'
}

.ms-Icon--CaretSolidMirrored:before {
    content: '\EA46'
}

.ms-Icon--ChromeBackMirrored:before {
    content: '\EA47'
}

.ms-Icon--ClosePaneMirrored:before {
    content: '\EA49'
}

.ms-Icon--DockLeftMirrored:before {
    content: '\EA4C'
}

.ms-Icon--DoubleChevronLeftMedMirrored:before {
    content: '\EA4D'
}

.ms-Icon--HelpMirrored:before {
    content: '\EA51'
}

.ms-Icon--ListMirrored:before {
    content: '\EA55'
}

.ms-Icon--MailForwardMirrored:before {
    content: '\EA56'
}

.ms-Icon--MailReplyMirrored:before {
    content: '\EA57'
}

.ms-Icon--MailReplyAllMirrored:before {
    content: '\EA58'
}

.ms-Icon--OpenPaneMirrored:before {
    content: '\EA5B'
}

.ms-Icon--SendMirrored:before {
    content: '\EA63'
}

.ms-Icon--ShowResultsMirrored:before {
    content: '\EA65'
}

.ms-Icon--ThumbnailViewMirrored:before {
    content: '\EA67'
}

.ms-Icon--Lightbulb:before {
    content: '\EA80'
}

.ms-Icon--StatusTriangle:before {
    content: '\EA82'
}

.ms-Icon--VolumeDisabled:before {
    content: '\EA85'
}

.ms-Icon--Puzzle:before {
    content: '\EA86'
}

.ms-Icon--EmojiNeutral:before {
    content: '\EA87'
}

.ms-Icon--EmojiDisappointed:before {
    content: '\EA88'
}

.ms-Icon--HomeSolid:before {
    content: '\EA8A'
}

.ms-Icon--Cocktails:before {
    content: '\EA9D'
}

.ms-Icon--Articles:before {
    content: '\EAC1'
}

.ms-Icon--Cycling:before {
    content: '\EAC7'
}

.ms-Icon--DietPlanNotebook:before {
    content: '\EAC8'
}

.ms-Icon--Pill:before {
    content: '\EACB'
}

.ms-Icon--Running:before {
    content: '\EADA'
}

.ms-Icon--Weights:before {
    content: '\EADB'
}

.ms-Icon--BarChart4:before {
    content: '\EAE7'
}

.ms-Icon--CirclePlus:before {
    content: '\EAEE'
}

.ms-Icon--Coffee:before {
    content: '\EAEF'
}

.ms-Icon--Cotton:before {
    content: '\EAF3'
}

.ms-Icon--Market:before {
    content: '\EAFC'
}

.ms-Icon--Money:before {
    content: '\EAFD'
}

.ms-Icon--PieDouble:before {
    content: '\EB04'
}

.ms-Icon--RemoveFilter:before {
    content: '\EB08'
}

.ms-Icon--StockDown:before {
    content: '\EB0F'
}

.ms-Icon--StockUp:before {
    content: '\EB11'
}

.ms-Icon--Cricket:before {
    content: '\EB1E'
}

.ms-Icon--Golf:before {
    content: '\EB1F'
}

.ms-Icon--Baseball:before {
    content: '\EB20'
}

.ms-Icon--Soccer:before {
    content: '\EB21'
}

.ms-Icon--MoreSports:before {
    content: '\EB22'
}

.ms-Icon--AutoRacing:before {
    content: '\EB24'
}

.ms-Icon--CollegeHoops:before {
    content: '\EB25'
}

.ms-Icon--CollegeFootball:before {
    content: '\EB26'
}

.ms-Icon--ProFootball:before {
    content: '\EB27'
}

.ms-Icon--ProHockey:before {
    content: '\EB28'
}

.ms-Icon--Rugby:before {
    content: '\EB2D'
}

.ms-Icon--Tennis:before {
    content: '\EB33'
}

.ms-Icon--Arrivals:before {
    content: '\EB34'
}

.ms-Icon--Design:before {
    content: '\EB3C'
}

.ms-Icon--Website:before {
    content: '\EB41'
}

.ms-Icon--Drop:before {
    content: '\EB42'
}

.ms-Icon--Snow:before {
    content: '\EB46'
}

.ms-Icon--BusSolid:before {
    content: '\EB47'
}

.ms-Icon--FerrySolid:before {
    content: '\EB48'
}

.ms-Icon--TrainSolid:before {
    content: '\EB4D'
}

.ms-Icon--Heart:before {
    content: '\EB51'
}

.ms-Icon--HeartFill:before {
    content: '\EB52'
}

.ms-Icon--Ticket:before {
    content: '\EB54'
}

.ms-Icon--AzureLogo:before {
    content: '\EB6A'
}

.ms-Icon--BingLogo:before {
    content: '\EB6B'
}

.ms-Icon--MSNLogo:before {
    content: '\EB6C'
}

.ms-Icon--OutlookLogo:before {
    content: '\EB6D'
}

.ms-Icon--OfficeLogo:before {
    content: '\EB6E'
}

.ms-Icon--SkypeLogo:before {
    content: '\EB6F'
}

.ms-Icon--Door:before {
    content: '\EB75'
}

.ms-Icon--EditMirrored:before {
    content: '\EB7E'
}

.ms-Icon--GiftCard:before {
    content: '\EB8E'
}

.ms-Icon--DoubleBookmark:before {
    content: '\EB8F'
}

.ms-Icon--StatusErrorFull:before {
    content: '\EB90'
}

.ms-Icon--Certificate:before {
    content: '\EB95'
}

.ms-Icon--Photo2:before {
    content: '\EB9F'
}

.ms-Icon--CloudDownload:before {
    content: '\EBD3'
}

.ms-Icon--WindDirection:before {
    content: '\EBE6'
}

.ms-Icon--Family:before {
    content: '\EBDA'
}

.ms-Icon--CSS:before {
    content: '\EBEF'
}

.ms-Icon--JS:before {
    content: '\EBF0'
}

.ms-Icon--ReminderGroup:before {
    content: '\EBF8'
}

.ms-Icon--Section:before {
    content: '\EC0C'
}

.ms-Icon--OneNoteLogo:before {
    content: '\EC0D'
}

.ms-Icon--ToggleFilled:before {
    content: '\EC11'
}

.ms-Icon--ToggleBorder:before {
    content: '\EC12'
}

.ms-Icon--SliderThumb:before {
    content: '\EC13'
}

.ms-Icon--ToggleThumb:before {
    content: '\EC14'
}

.ms-Icon--Documentation:before {
    content: '\EC17'
}

.ms-Icon--Badge:before {
    content: '\EC1B'
}

.ms-Icon--Giftbox:before {
    content: '\EC1F'
}

.ms-Icon--ExcelLogo:before {
    content: '\EC28'
}

.ms-Icon--WordLogo:before {
    content: '\EC29'
}

.ms-Icon--PowerPointLogo:before {
    content: '\EC2A'
}

.ms-Icon--Cafe:before {
    content: '\EC32'
}

.ms-Icon--SpeedHigh:before {
    content: '\EC4A'
}

.ms-Icon--MusicNote:before {
    content: '\EC4F'
}

.ms-Icon--EdgeLogo:before {
    content: '\EC60'
}

.ms-Icon--CompletedSolid:before {
    content: '\EC61'
}

.ms-Icon--AlbumRemove:before {
    content: '\EC62'
}

.ms-Icon--MessageFill:before {
    content: '\EC70'
}

.ms-Icon--TabletSelected:before {
    content: '\EC74'
}

.ms-Icon--MobileSelected:before {
    content: '\EC75'
}

.ms-Icon--LaptopSelected:before {
    content: '\EC76'
}

.ms-Icon--TVMonitorSelected:before {
    content: '\EC77'
}

.ms-Icon--DeveloperTools:before {
    content: '\EC7A'
}

.ms-Icon--InsertTextBox:before {
    content: '\EC7D'
}

.ms-Icon--LowerBrightness:before {
    content: '\EC8A'
}

.ms-Icon--CloudUpload:before {
    content: '\EC8E'
}

.ms-Icon--DateTime:before {
    content: '\EC92'
}

.ms-Icon--Event:before {
    content: '\ECA3'
}

.ms-Icon--Cake:before {
    content: '\ECA4'
}

.ms-Icon--Tiles:before {
    content: '\ECA5'
}

.ms-Icon--Org:before {
    content: '\ECA6'
}

.ms-Icon--PartyLeader:before {
    content: '\ECA7'
}

.ms-Icon--DRM:before {
    content: '\ECA8'
}

.ms-Icon--CloudAdd:before {
    content: '\ECA9'
}

.ms-Icon--AppIconDefault:before {
    content: '\ECAA'
}

.ms-Icon--Photo2Add:before {
    content: '\ECAB'
}

.ms-Icon--Photo2Remove:before {
    content: '\ECAC'
}

.ms-Icon--POI:before {
    content: '\ECAF'
}

.ms-Icon--FacebookLogo:before {
    content: '\ECB3'
}

.ms-Icon--AddTo:before {
    content: '\ECC8'
}

.ms-Icon--RadioBtnOn:before {
    content: '\ECCB'
}

.ms-Icon--Embed:before {
    content: '\ECCE'
}

.ms-Icon--VideoSolid:before {
    content: '\EA0C'
}

.ms-Icon--Teamwork:before {
    content: '\EA12'
}

.ms-Icon--PeopleAdd:before {
    content: '\EA15'
}

.ms-Icon--Glasses:before {
    content: '\EA16'
}

.ms-Icon--DateTime2:before {
    content: '\EA17'
}

.ms-Icon--Shield:before {
    content: '\EA18'
}

.ms-Icon--Header1:before {
    content: '\EA19'
}

.ms-Icon--PageAdd:before {
    content: '\EA1A'
}

.ms-Icon--NumberedList:before {
    content: '\EA1C'
}

.ms-Icon--PowerBILogo:before {
    content: '\EA1E'
}

.ms-Icon--Product:before {
    content: '\ECDC'
}

.ms-Icon--Blocked2:before {
    content: '\ECE4'
}

.ms-Icon--FangBody:before {
    content: '\ECEB'
}

.ms-Icon--Glimmer:before {
    content: '\ECF4'
}

.ms-Icon--ChatInviteFriend:before {
    content: '\ECFE'
}

.ms-Icon--SharepointLogo:before {
    content: '\ED18'
}

.ms-Icon--YammerLogo:before {
    content: '\ED19'
}

.ms-Icon--ReturnToSession:before {
    content: '\ED24'
}

.ms-Icon--OpenFolderHorizontal:before {
    content: '\ED25'
}

.ms-Icon--CalendarMirrored:before {
    content: '\ED28'
}

.ms-Icon--SwayLogo:before {
    content: '\ED29'
}

.ms-Icon--OutOfOffice:before {
    content: '\ED34'
}

.ms-Icon--Trophy:before {
    content: '\ED3F'
}

.ms-Icon--ReopenPages:before {
    content: '\ED50'
}

.ms-Icon--AADLogo:before {
    content: '\ED68'
}

.ms-Icon--AccessLogo:before {
    content: '\ED69'
}

.ms-Icon--AdminALogo:before {
    content: '\ED6A'
}

.ms-Icon--AdminCLogo:before {
    content: '\ED6B'
}

.ms-Icon--AdminDLogo:before {
    content: '\ED6C'
}

.ms-Icon--AdminELogo:before {
    content: '\ED6D'
}

.ms-Icon--AdminLLogo:before {
    content: '\ED6E'
}

.ms-Icon--AdminMLogo:before {
    content: '\ED6F'
}

.ms-Icon--AdminOLogo:before {
    content: '\ED70'
}

.ms-Icon--AdminPLogo:before {
    content: '\ED71'
}

.ms-Icon--AdminSLogo:before {
    content: '\ED72'
}

.ms-Icon--AdminYLogo:before {
    content: '\ED73'
}

.ms-Icon--AlchemyLogo:before {
    content: '\ED74'
}

.ms-Icon--BoxLogo:before {
    content: '\ED75'
}

.ms-Icon--DelveLogo:before {
    content: '\ED76'
}

.ms-Icon--DropboxLogo:before {
    content: '\ED77'
}

.ms-Icon--ExchangeLogo:before {
    content: '\ED78'
}

.ms-Icon--LyncLogo:before {
    content: '\ED79'
}

.ms-Icon--OfficeVideoLogo:before {
    content: '\ED7A'
}

.ms-Icon--ParatureLogo:before {
    content: '\ED7B'
}

.ms-Icon--SocialListeningLogo:before {
    content: '\ED7C'
}

.ms-Icon--VisioLogo:before {
    content: '\ED7D'
}

.ms-Icon--Balloons:before {
    content: '\ED7E'
}

.ms-Icon--Cat:before {
    content: '\ED7F'
}

.ms-Icon--MailAlert:before {
    content: '\ED80'
}

.ms-Icon--MailCheck:before {
    content: '\ED81'
}

.ms-Icon--MailLowImportance:before {
    content: '\ED82'
}

.ms-Icon--MailPause:before {
    content: '\ED83'
}

.ms-Icon--MailRepeat:before {
    content: '\ED84'
}

.ms-Icon--SecurityGroup:before {
    content: '\ED85'
}

.ms-Icon--Table:before {
    content: '\ED86'
}

.ms-Icon--VoicemailForward:before {
    content: '\ED87'
}

.ms-Icon--VoicemailReply:before {
    content: '\ED88'
}

.ms-Icon--Waffle:before {
    content: '\ED89'
}

.ms-Icon--RemoveEvent:before {
    content: '\ED8A'
}

.ms-Icon--EventInfo:before {
    content: '\ED8B'
}

.ms-Icon--ForwardEvent:before {
    content: '\ED8C'
}

.ms-Icon--WipePhone:before {
    content: '\ED8D'
}

.ms-Icon--AddOnlineMeeting:before {
    content: '\ED8E'
}

.ms-Icon--JoinOnlineMeeting:before {
    content: '\ED8F'
}

.ms-Icon--RemoveLink:before {
    content: '\ED90'
}

.ms-Icon--PeopleBlock:before {
    content: '\ED91'
}

.ms-Icon--PeopleRepeat:before {
    content: '\ED92'
}

.ms-Icon--PeopleAlert:before {
    content: '\ED93'
}

.ms-Icon--PeoplePause:before {
    content: '\ED94'
}

.ms-Icon--TransferCall:before {
    content: '\ED95'
}

.ms-Icon--AddPhone:before {
    content: '\ED96'
}

.ms-Icon--UnknownCall:before {
    content: '\ED97'
}

.ms-Icon--NoteReply:before {
    content: '\ED98'
}

.ms-Icon--NoteForward:before {
    content: '\ED99'
}

.ms-Icon--NotePinned:before {
    content: '\ED9A'
}

.ms-Icon--RemoveOccurrence:before {
    content: '\ED9B'
}

.ms-Icon--Timeline:before {
    content: '\ED9C'
}

.ms-Icon--EditNote:before {
    content: '\ED9D'
}

.ms-Icon--CircleHalfFull:before {
    content: '\ED9E'
}

.ms-Icon--Room:before {
    content: '\ED9F'
}

.ms-Icon--Unsubscribe:before {
    content: '\EDA0'
}

.ms-Icon--Subscribe:before {
    content: '\EDA1'
}

.ms-Icon--RecurringTask:before {
    content: '\EDB2'
}

.ms-Icon--TaskManager:before {
    content: '\EDB7'
}

.ms-Icon--TaskManagerMirrored:before {
    content: '\EDB8'
}

.ms-Icon--Combine:before {
    content: '\EDBB'
}

.ms-Icon--Split:before {
    content: '\EDBC'
}

.ms-Icon--DoubleChevronUp:before {
    content: '\EDBD'
}

.ms-Icon--DoubleChevronLeft:before {
    content: '\EDBE'
}

.ms-Icon--DoubleChevronRight:before {
    content: '\EDBF'
}

.ms-Icon--Ascending:before {
    content: '\EDC0'
}

.ms-Icon--Descending:before {
    content: '\EDC1'
}

.ms-Icon--TextBox:before {
    content: '\EDC2'
}

.ms-Icon--TextField:before {
    content: '\EDC3'
}

.ms-Icon--NumberField:before {
    content: '\EDC4'
}

.ms-Icon--Dropdown:before {
    content: '\EDC5'
}

.ms-Icon--BookingsLogo:before {
    content: '\EDC7'
}

.ms-Icon--ClassNotebookLogo:before {
    content: '\EDC8'
}

.ms-Icon--CollabsDBLogo:before {
    content: '\EDC9'
}

.ms-Icon--DelveAnalyticsLogo:before {
    content: '\EDCA'
}

.ms-Icon--DocsLogo:before {
    content: '\EDCB'
}

.ms-Icon--Dynamics365Logo:before,
.ms-Icon--DynamicsCRMLogo:before {
    content: '\EDCC'
}

.ms-Icon--DynamicSMBLogo:before {
    content: '\EDCD'
}

.ms-Icon--OfficeAssistantLogo:before {
    content: '\EDCE'
}

.ms-Icon--OfficeStoreLogo:before {
    content: '\EDCF'
}

.ms-Icon--OneNoteEduLogo:before {
    content: '\EDD0'
}

.ms-Icon--Planner:before {
    content: '\EDD1'
}

.ms-Icon--PowerApps:before {
    content: '\EDD2'
}

.ms-Icon--Suitcase:before {
    content: '\EDD3'
}

.ms-Icon--ProjectLogo:before {
    content: '\EDD4'
}

.ms-Icon--CaretLeft8:before {
    content: '\EDD5'
}

.ms-Icon--CaretRight8:before {
    content: '\EDD6'
}

.ms-Icon--CaretUp8:before {
    content: '\EDD7'
}

.ms-Icon--CaretDown8:before {
    content: '\EDD8'
}

.ms-Icon--CaretLeftSolid8:before {
    content: '\EDD9'
}

.ms-Icon--CaretRightSolid8:before,
.ms-Icon--CarotRightSolid8:before {
    content: '\EDDA'
}

.ms-Icon--CaretUpSolid8:before {
    content: '\EDDB'
}

.ms-Icon--CaretDownSolid8:before {
    content: '\EDDC'
}

.ms-Icon--ClearFormatting:before {
    content: '\EDDD'
}

.ms-Icon--Superscript:before {
    content: '\EDDE'
}

.ms-Icon--Subscript:before {
    content: '\EDDF'
}

.ms-Icon--Strikethrough:before {
    content: '\EDE0'
}

.ms-Icon--SingleBookmark:before {
    content: '\EDFF'
}

.ms-Icon--DoubleChevronDown:before {
    content: '\EE04'
}

.ms-Icon--ReplyAll:before {
    content: '\EE0A'
}

.ms-Icon--GoogleDriveLogo:before {
    content: '\EE0B'
}

.ms-Icon--Questionnaire:before {
    content: '\EE19'
}

.ms-Icon--ReplyMirrored:before {
    content: '\EE35'
}

.ms-Icon--ReplyAllMirrored:before {
    content: '\EE36'
}

.ms-Icon--AddGroup:before {
    content: '\EE3D'
}

.ms-Icon--QuestionnaireMirrored:before {
    content: '\EE4B'
}

.ms-Icon--TemporaryUser:before {
    content: '\EE58'
}

.ms-Icon--GroupedDescending:before {
    content: '\EE66'
}

.ms-Icon--GroupedAscending:before {
    content: '\EE67'
}

.ms-Icon--SortUp:before {
    content: '\EE68'
}

.ms-Icon--SortDown:before {
    content: '\EE69'
}

.ms-Icon--AwayStatus:before {
    content: '\EE6A'
}

.ms-Icon--SyncToPC:before {
    content: '\EE6E'
}

.ms-Icon--AustralianRules:before {
    content: '\EE70'
}

.ms-Icon--DateTimeMirrored:before {
    content: '\EE93'
}

.ms-Icon--DoubleChevronUp12:before {
    content: '\EE96'
}

.ms-Icon--DoubleChevronDown12:before {
    content: '\EE97'
}

.ms-Icon--DoubleChevronLeft12:before {
    content: '\EE98'
}

.ms-Icon--DoubleChevronRight12:before {
    content: '\EE99'
}

.ms-Icon--CalendarAgenda:before {
    content: '\EE9A'
}

.ms-Icon--AddEvent:before {
    content: '\EEB5'
}

.ms-Icon--AssetLibrary:before {
    content: '\EEB6'
}

.ms-Icon--DataConnectionLibrary:before {
    content: '\EEB7'
}

.ms-Icon--DocLibrary:before {
    content: '\EEB8'
}

.ms-Icon--FormLibrary:before {
    content: '\EEB9'
}

.ms-Icon--FormLibraryMirrored:before {
    content: '\EEBA'
}

.ms-Icon--ReportLibrary:before {
    content: '\EEBB'
}

.ms-Icon--ReportLibraryMirrored:before {
    content: '\EEBC'
}

.ms-Icon--ContactCard:before {
    content: '\EEBD'
}

.ms-Icon--CustomList:before {
    content: '\EEBE'
}

.ms-Icon--CustomListMirrored:before {
    content: '\EEBF'
}

.ms-Icon--IssueTracking:before {
    content: '\EEC0'
}

.ms-Icon--IssueTrackingMirrored:before {
    content: '\EEC1'
}

.ms-Icon--PictureLibrary:before {
    content: '\EEC2'
}

.ms-Icon--AppForOfficeLogo:before {
    content: '\EEC7'
}

.ms-Icon--OfflineOneDriveParachute:before {
    content: '\EEC8'
}

.ms-Icon--OfflineOneDriveParachuteDisabled:before {
    content: '\EEC9'
}

.ms-Icon--LargeGrid:before {
    content: '\EECB'
}

.ms-Icon--TriangleSolidUp12:before {
    content: '\EECC'
}

.ms-Icon--TriangleSolidDown12:before {
    content: '\EECD'
}

.ms-Icon--TriangleSolidLeft12:before {
    content: '\EECE'
}

.ms-Icon--TriangleSolidRight12:before {
    content: '\EECF'
}

.ms-Icon--TriangleUp12:before {
    content: '\EED0'
}

.ms-Icon--TriangleDown12:before {
    content: '\EED1'
}

.ms-Icon--TriangleLeft12:before {
    content: '\EED2'
}

.ms-Icon--TriangleRight12:before {
    content: '\EED3'
}

.ms-Icon--ArrowUpRight8:before {
    content: '\EED4'
}

.ms-Icon--ArrowDownRight8:before {
    content: '\EED5'
}

.ms-Icon--DocumentSet:before {
    content: '\EED6'
}

.ms-Icon--DelveAnalytics:before {
    content: '\EEEE'
}

.ms-Icon--ArrowUpRightMirrored8:before {
    content: '\EEEF'
}

.ms-Icon--ArrowDownRightMirrored8:before {
    content: '\EEF0'
}

.ms-Icon--OneDriveAdd:before {
    content: '\EF32'
}

.ms-Icon--Header2:before {
    content: '\EF36'
}

.ms-Icon--Header3:before {
    content: '\EF37'
}

.ms-Icon--Header4:before {
    content: '\EF38'
}

.ms-Icon--MarketDown:before {
    content: '\EF42'
}

.ms-Icon--CalendarWorkWeek:before {
    content: '\EF51'
}

.ms-Icon--SidePanel:before {
    content: '\EF52'
}

.ms-Icon--GlobeFavorite:before {
    content: '\EF53'
}

.ms-Icon--CaretTopLeftSolid8:before {
    content: '\EF54'
}

.ms-Icon--CaretTopRightSolid8:before {
    content: '\EF55'
}

.ms-Icon--ViewAll2:before {
    content: '\EF56'
}

.ms-Icon--DocumentReply:before {
    content: '\EF57'
}

.ms-Icon--PlayerSettings:before {
    content: '\EF58'
}

.ms-Icon--ReceiptForward:before {
    content: '\EF59'
}

.ms-Icon--ReceiptReply:before {
    content: '\EF5A'
}

.ms-Icon--ReceiptCheck:before {
    content: '\EF5B'
}

.ms-Icon--Fax:before {
    content: '\EF5C'
}

.ms-Icon--RecurringEvent:before {
    content: '\EF5D'
}

.ms-Icon--ReplyAlt:before {
    content: '\EF5E'
}

.ms-Icon--ReplyAllAlt:before {
    content: '\EF5F'
}

.ms-Icon--EditStyle:before {
    content: '\EF60'
}

.ms-Icon--EditMail:before {
    content: '\EF61'
}

.ms-Icon--Lifesaver:before {
    content: '\EF62'
}

.ms-Icon--LifesaverLock:before {
    content: '\EF63'
}

.ms-Icon--InboxCheck:before {
    content: '\EF64'
}

.ms-Icon--FolderSearch:before {
    content: '\EF65'
}

.ms-Icon--CollapseMenu:before {
    content: '\EF66'
}

.ms-Icon--ExpandMenu:before {
    content: '\EF67'
}

.ms-Icon--Boards:before {
    content: '\EF68'
}

.ms-Icon--SunAdd:before {
    content: '\EF69'
}

.ms-Icon--SunQuestionMark:before {
    content: '\EF6A'
}

.ms-Icon--LandscapeOrientation:before {
    content: '\EF6B'
}

.ms-Icon--DocumentSearch:before {
    content: '\EF6C'
}

.ms-Icon--PublicCalendar:before {
    content: '\EF6D'
}

.ms-Icon--PublicContactCard:before {
    content: '\EF6E'
}

.ms-Icon--PublicEmail:before {
    content: '\EF6F'
}

.ms-Icon--PublicFolder:before {
    content: '\EF70'
}

.ms-Icon--WordDocument:before {
    content: '\EF71'
}

.ms-Icon--PowerPointDocument:before {
    content: '\EF72'
}

.ms-Icon--ExcelDocument:before {
    content: '\EF73'
}

.ms-Icon--GroupedList:before {
    content: '\EF74'
}

.ms-Icon--ClassroomLogo:before {
    content: '\EF75'
}

.ms-Icon--Sections:before {
    content: '\EF76'
}

.ms-Icon--EditPhoto:before {
    content: '\EF77'
}

.ms-Icon--Starburst:before {
    content: '\EF78'
}

.ms-Icon--ShareiOS:before {
    content: '\EF79'
}

.ms-Icon--AirTickets:before {
    content: '\EF7A'
}

.ms-Icon--PencilReply:before {
    content: '\EF7B'
}

.ms-Icon--Tiles2:before {
    content: '\EF7C'
}

.ms-Icon--SkypeCircleCheck:before {
    content: '\EF7D'
}

.ms-Icon--SkypeCircleClock:before {
    content: '\EF7E'
}

.ms-Icon--SkypeCircleMinus:before {
    content: '\EF7F'
}

.ms-Icon--SkypeCheck:before {
    content: '\EF80'
}

.ms-Icon--SkypeClock:before {
    content: '\EF81'
}

.ms-Icon--SkypeMinus:before {
    content: '\EF82'
}

.ms-Icon--SkypeMessage:before {
    content: '\EF83'
}

.ms-Icon--ClosedCaption:before {
    content: '\EF84'
}

.ms-Icon--ATPLogo:before {
    content: '\EF85'
}

.ms-Icon--OfficeFormLogo:before {
    content: '\EF86'
}

.ms-Icon--RecycleBin:before {
    content: '\EF87'
}

.ms-Icon--EmptyRecycleBin:before {
    content: '\EF88'
}

.ms-Icon--Hide2:before {
    content: '\EF89'
}

.ms-Icon--iOSAppStoreLogo:before {
    content: '\EF8A'
}

.ms-Icon--AndroidLogo:before {
    content: '\EF8B'
}

.ms-Icon--Breadcrumb:before {
    content: '\EF8C'
}

.ms-Icon--ClearFilter:before {
    content: '\EF8F'
}

.ms-Icon--Flow:before {
    content: '\EF90'
}

.ms-Icon--PageCheckedOut:before {
    content: '\F02C'
}

.ms-Icon--SetAction:before {
    content: '\F071'
}

.ms-Icon--PowerAppsLogo:before {
    content: '\F091'
}

.ms-Icon--PowerApps2Logo:before {
    content: '\F092'
}

.ms-Icon--FabricAssetLibrary:before {
    content: '\F09C'
}

.ms-Icon--FabricDataConnectionLibrary:before {
    content: '\F09D'
}

.ms-Icon--FabricDocLibrary:before {
    content: '\F09E'
}

.ms-Icon--FabricFormLibrary:before {
    content: '\F09F'
}

.ms-Icon--FabricFormLibraryMirrored:before {
    content: '\F0A0'
}

.ms-Icon--FabricReportLibrary:before {
    content: '\F0A1'
}

.ms-Icon--FabricReportLibraryMirrored:before {
    content: '\F0A2'
}

.ms-Icon--FabricPublicFolder:before {
    content: '\F0A3'
}

.ms-Icon--FabricFolderSearch:before {
    content: '\F0A4'
}

.ms-Icon--FabricMovetoFolder:before {
    content: '\F0A5'
}

.ms-Icon--FabricUnsyncFolder:before {
    content: '\F0A6'
}

.ms-Icon--FabricSyncFolder:before {
    content: '\F0A7'
}

.ms-Icon--FabricOpenFolderHorizontal:before {
    content: '\F0A8'
}

.ms-Icon--FabricFolder:before {
    content: '\F0A9'
}

.ms-Icon--FabricFolderFill:before {
    content: '\F0AA'
}

.ms-Icon--FabricNewFolder:before {
    content: '\F0AB'
}

.ms-Icon--FabricPictureLibrary:before {
    content: '\F0AC'
}

.ms-Icon--AddFavorite:before {
    content: '\F0C8'
}

.ms-Icon--AddFavoriteFill:before {
    content: '\F0C9'
}

.ms-Icon--BufferTimeBefore:before {
    content: '\F0CF'
}

.ms-Icon--BufferTimeAfter:before {
    content: '\F0D0'
}

.ms-Icon--BufferTimeBoth:before {
    content: '\F0D1'
}

.ms-Icon--PageCheckedin:before {
    content: '\F104'
}

.ms-Icon--CaretBottomLeftSolid8:before {
    content: '\F121'
}

.ms-Icon--CaretBottomRightSolid8:before {
    content: '\F122'
}

.ms-BrandIcon--access.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_16x1.png)
}

.ms-BrandIcon--access.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_48x1.png)
}

.ms-BrandIcon--access.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_96x1.png)
}

.ms-BrandIcon--excel.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_16x1.png)
}

.ms-BrandIcon--excel.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_48x1.png)
}

.ms-BrandIcon--excel.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_96x1.png)
}

.ms-BrandIcon--infopath.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_16x1.png)
}

.ms-BrandIcon--infopath.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_48x1.png)
}

.ms-BrandIcon--infopath.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_96x1.png)
}

.ms-BrandIcon--office.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_16x1.png)
}

.ms-BrandIcon--office.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_48x1.png)
}

.ms-BrandIcon--office.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_96x1.png)
}

.ms-BrandIcon--onedrive.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png)
}

.ms-BrandIcon--onedrive.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png)
}

.ms-BrandIcon--onedrive.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png)
}

.ms-BrandIcon--onenote.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_16x1.png)
}

.ms-BrandIcon--onenote.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_48x1.png)
}

.ms-BrandIcon--onenote.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_96x1.png)
}

.ms-BrandIcon--outlook.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_16x1.png)
}

.ms-BrandIcon--outlook.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_48x1.png)
}

.ms-BrandIcon--outlook.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_96x1.png)
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png)
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png)
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png)
}

.ms-BrandIcon--project.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_16x1.png)
}

.ms-BrandIcon--project.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_48x1.png)
}

.ms-BrandIcon--project.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_96x1.png)
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png)
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png)
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png)
}

.ms-BrandIcon--visio.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_16x1.png)
}

.ms-BrandIcon--visio.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_48x1.png)
}

.ms-BrandIcon--visio.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_96x1.png)
}

.ms-BrandIcon--word.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_16x1.png)
}

.ms-BrandIcon--word.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_48x1.png)
}

.ms-BrandIcon--word.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_96x1.png)
}

.ms-BrandIcon--accdb.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_16x1.png)
}

.ms-BrandIcon--accdb.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_48x1.png)
}

.ms-BrandIcon--accdb.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_96x1.png)
}

.ms-BrandIcon--csv.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_16x1.png)
}

.ms-BrandIcon--csv.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_48x1.png)
}

.ms-BrandIcon--csv.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_96x1.png)
}

.ms-BrandIcon--docx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_16x1.png)
}

.ms-BrandIcon--docx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_48x1.png)
}

.ms-BrandIcon--docx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_96x1.png)
}

.ms-BrandIcon--dotx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_16x1.png)
}

.ms-BrandIcon--dotx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_48x1.png)
}

.ms-BrandIcon--dotx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_96x1.png)
}

.ms-BrandIcon--mpp.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_16x1.png)
}

.ms-BrandIcon--mpp.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_48x1.png)
}

.ms-BrandIcon--mpp.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_96x1.png)
}

.ms-BrandIcon--mpt.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_16x1.png)
}

.ms-BrandIcon--mpt.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_48x1.png)
}

.ms-BrandIcon--mpt.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_96x1.png)
}

.ms-BrandIcon--odp.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_16x1.png)
}

.ms-BrandIcon--odp.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_48x1.png)
}

.ms-BrandIcon--odp.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_96x1.png)
}

.ms-BrandIcon--ods.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_16x1.png)
}

.ms-BrandIcon--ods.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_48x1.png)
}

.ms-BrandIcon--ods.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_96x1.png)
}

.ms-BrandIcon--odt.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_16x1.png)
}

.ms-BrandIcon--odt.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_48x1.png)
}

.ms-BrandIcon--odt.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_96x1.png)
}

.ms-BrandIcon--one.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_16x1.png)
}

.ms-BrandIcon--one.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_48x1.png)
}

.ms-BrandIcon--one.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_96x1.png)
}

.ms-BrandIcon--onepkg.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_16x1.png)
}

.ms-BrandIcon--onepkg.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_48x1.png)
}

.ms-BrandIcon--onepkg.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_96x1.png)
}

.ms-BrandIcon--onetoc.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_16x1.png)
}

.ms-BrandIcon--onetoc.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_48x1.png)
}

.ms-BrandIcon--onetoc.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_96x1.png)
}

.ms-BrandIcon--potx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_16x1.png)
}

.ms-BrandIcon--potx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_48x1.png)
}

.ms-BrandIcon--potx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_96x1.png)
}

.ms-BrandIcon--ppsx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_16x1.png)
}

.ms-BrandIcon--ppsx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_48x1.png)
}

.ms-BrandIcon--ppsx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_96x1.png)
}

.ms-BrandIcon--pptx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_16x1.png)
}

.ms-BrandIcon--pptx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_48x1.png)
}

.ms-BrandIcon--pptx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_96x1.png)
}

.ms-BrandIcon--pub.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_16x1.png)
}

.ms-BrandIcon--pub.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_48x1.png)
}

.ms-BrandIcon--pub.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_96x1.png)
}

.ms-BrandIcon--vsdx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_16x1.png)
}

.ms-BrandIcon--vsdx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_48x1.png)
}

.ms-BrandIcon--vsdx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_96x1.png)
}

.ms-BrandIcon--vssx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_16x1.png)
}

.ms-BrandIcon--vssx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_48x1.png)
}

.ms-BrandIcon--vssx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_96x1.png)
}

.ms-BrandIcon--vstx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_16x1.png)
}

.ms-BrandIcon--vstx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_48x1.png)
}

.ms-BrandIcon--vstx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_96x1.png)
}

.ms-BrandIcon--xls.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_16x1.png)
}

.ms-BrandIcon--xls.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_48x1.png)
}

.ms-BrandIcon--xls.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_96x1.png)
}

.ms-BrandIcon--xlsx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_16x1.png)
}

.ms-BrandIcon--xlsx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_48x1.png)
}

.ms-BrandIcon--xlsx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_96x1.png)
}

.ms-BrandIcon--xltx.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_16x1.png)
}

.ms-BrandIcon--xltx.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_48x1.png)
}

.ms-BrandIcon--xltx.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_96x1.png)
}

.ms-BrandIcon--xsn.ms-BrandIcon--Icon16 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_16x1.png)
}

.ms-BrandIcon--xsn.ms-BrandIcon--Icon48 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_48x1.png)
}

.ms-BrandIcon--xsn.ms-BrandIcon--Icon96 {
    background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_96x1.png)
}

.ms-BrandIcon--Icon16 {
    background-size: 100% 100%;
    width: 16px;
    height: 16px
}

.ms-BrandIcon--Icon48 {
    background-size: 100% 100%;
    width: 48px;
    height: 48px
}

.ms-BrandIcon--Icon96 {
    background-size: 100% 100%;
    width: 96px;
    height: 96px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
    .ms-BrandIcon--access.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_16x1_5.png)
    }
    .ms-BrandIcon--access.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_48x1_5.png)
    }
    .ms-BrandIcon--access.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_96x1_5.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_16x1_5.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_48x1_5.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_96x1_5.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_16x1_5.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_48x1_5.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_96x1_5.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_16x1_5.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_48x1_5.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_96x1_5.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_16x1_5.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_48x1_5.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_96x1_5.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_16x1_5.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_48x1_5.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_96x1_5.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_16x1_5.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_48x1_5.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_96x1_5.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_16x1_5.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_48x1_5.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_96x1_5.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_16x1_5.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_48x1_5.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_96x1_5.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_16x1_5.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_48x1_5.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_96x1_5.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_16x1_5.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_48x1_5.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_96x1_5.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_16x1_5.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_48x1_5.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_96x1_5.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_16x1_5.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_48x1_5.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_96x1_5.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_16x1_5.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_48x1_5.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_96x1_5.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_16x1_5.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_48x1_5.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_96x1_5.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_16x1_5.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_48x1_5.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_96x1_5.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_16x1_5.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_48x1_5.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_96x1_5.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_16x1_5.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_48x1_5.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_96x1_5.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_16x1_5.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_48x1_5.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_96x1_5.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_16x1_5.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_48x1_5.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_96x1_5.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_16x1_5.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_48x1_5.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_96x1_5.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_16x1_5.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_48x1_5.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_96x1_5.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_16x1_5.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_48x1_5.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_96x1_5.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_16x1_5.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_48x1_5.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_96x1_5.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_16x1_5.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_48x1_5.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_96x1_5.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_16x1_5.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_48x1_5.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_96x1_5.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_16x1_5.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_48x1_5.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_96x1_5.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi) {
    .ms-BrandIcon--access.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_16x2.png)
    }
    .ms-BrandIcon--access.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_48x2.png)
    }
    .ms-BrandIcon--access.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_96x2.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_16x2.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_48x2.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_96x2.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_16x2.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_48x2.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_96x2.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_16x2.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_48x2.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_96x2.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_16x2.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_48x2.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_96x2.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_16x2.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_48x2.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_96x2.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_16x2.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_48x2.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_96x2.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_16x2.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_48x2.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_96x2.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_16x2.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_48x2.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_96x2.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_16x2.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_48x2.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_96x2.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_16x2.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_48x2.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_96x2.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_16x2.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_48x2.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_96x2.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_16x2.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_48x2.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_96x2.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_16x2.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_48x2.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_96x2.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_16x2.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_48x2.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_96x2.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_16x2.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_48x2.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_96x2.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_16x2.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_48x2.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_96x2.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_16x2.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_48x2.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_96x2.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_16x2.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_48x2.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_96x2.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_16x2.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_48x2.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_96x2.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_16x2.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_48x2.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_96x2.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_16x2.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_48x2.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_96x2.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_16x2.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_48x2.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_96x2.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_16x2.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_48x2.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_96x2.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_16x2.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_48x2.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_96x2.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_16x2.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_48x2.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_96x2.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_16x2.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_48x2.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_96x2.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_16x2.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_48x2.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_96x2.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_16x2.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_48x2.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_96x2.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_16x2.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_48x2.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_96x2.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_16x2.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_48x2.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_96x2.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_16x2.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_48x2.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_96x2.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_16x2.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_48x2.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_96x2.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_16x2.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_48x2.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_96x2.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_16x2.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_48x2.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_96x2.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3),
only screen and (min-resolution:288dpi) {
    .ms-BrandIcon--access.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_16x3.png)
    }
    .ms-BrandIcon--access.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_48x3.png)
    }
    .ms-BrandIcon--access.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/access_96x3.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_16x3.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_48x3.png)
    }
    .ms-BrandIcon--excel.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/excel_96x3.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_16x3.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_48x3.png)
    }
    .ms-BrandIcon--infopath.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/infopath_96x3.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_16x3.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_48x3.png)
    }
    .ms-BrandIcon--office.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/office_96x3.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_16x3.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_48x3.png)
    }
    .ms-BrandIcon--onedrive.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onedrive_96x3.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_16x3.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_48x3.png)
    }
    .ms-BrandIcon--onenote.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/onenote_96x3.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_16x3.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_48x3.png)
    }
    .ms-BrandIcon--outlook.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/outlook_96x3.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_16x3.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_48x3.png)
    }
    .ms-BrandIcon--powerpoint.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/powerpoint_96x3.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_16x3.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_48x3.png)
    }
    .ms-BrandIcon--project.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/project_96x3.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_16x3.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_48x3.png)
    }
    .ms-BrandIcon--sharepoint.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/sharepoint_96x3.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_16x3.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_48x3.png)
    }
    .ms-BrandIcon--visio.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/visio_96x3.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_16x3.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_48x3.png)
    }
    .ms-BrandIcon--word.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/product/png/word_96x3.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_16x3.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_48x3.png)
    }
    .ms-BrandIcon--accdb.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/accdb_96x3.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_16x3.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_48x3.png)
    }
    .ms-BrandIcon--csv.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/csv_96x3.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_16x3.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_48x3.png)
    }
    .ms-BrandIcon--docx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/docx_96x3.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_16x3.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_48x3.png)
    }
    .ms-BrandIcon--dotx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/dotx_96x3.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_16x3.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_48x3.png)
    }
    .ms-BrandIcon--mpp.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpp_96x3.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_16x3.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_48x3.png)
    }
    .ms-BrandIcon--mpt.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/mpt_96x3.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_16x3.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_48x3.png)
    }
    .ms-BrandIcon--odp.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odp_96x3.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_16x3.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_48x3.png)
    }
    .ms-BrandIcon--ods.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ods_96x3.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_16x3.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_48x3.png)
    }
    .ms-BrandIcon--odt.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/odt_96x3.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_16x3.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_48x3.png)
    }
    .ms-BrandIcon--one.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/one_96x3.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_16x3.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_48x3.png)
    }
    .ms-BrandIcon--onepkg.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onepkg_96x3.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_16x3.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_48x3.png)
    }
    .ms-BrandIcon--onetoc.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/onetoc_96x3.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_16x3.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_48x3.png)
    }
    .ms-BrandIcon--potx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/potx_96x3.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_16x3.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_48x3.png)
    }
    .ms-BrandIcon--ppsx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/ppsx_96x3.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_16x3.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_48x3.png)
    }
    .ms-BrandIcon--pptx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pptx_96x3.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_16x3.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_48x3.png)
    }
    .ms-BrandIcon--pub.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/pub_96x3.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_16x3.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_48x3.png)
    }
    .ms-BrandIcon--vsdx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vsdx_96x3.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_16x3.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_48x3.png)
    }
    .ms-BrandIcon--vssx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vssx_96x3.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_16x3.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_48x3.png)
    }
    .ms-BrandIcon--vstx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/vstx_96x3.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_16x3.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_48x3.png)
    }
    .ms-BrandIcon--xls.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xls_96x3.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_16x3.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_48x3.png)
    }
    .ms-BrandIcon--xlsx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xlsx_96x3.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_16x3.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_48x3.png)
    }
    .ms-BrandIcon--xltx.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xltx_96x3.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon16 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_16x3.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon48 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_48x3.png)
    }
    .ms-BrandIcon--xsn.ms-BrandIcon--Icon96 {
        background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/brand-icons/document/png/xsn_96x3.png)
    }
}

.ms-u-slideRightIn10 {
    animation-name: fadeIn, slideRightIn10;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideRightIn10 {
    0% {
        transform: translate3d(-10px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideRightIn20 {
    animation-name: fadeIn, slideRightIn20;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideRightIn20 {
    0% {
        transform: translate3d(-20px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideRightIn40 {
    animation-name: fadeIn, slideRightIn40;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideRightIn40 {
    0% {
        transform: translate3d(-40px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideLeftIn10 {
    animation-name: fadeIn, slideLeftIn10;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideLeftIn10 {
    0% {
        transform: translate3d(10px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideLeftIn20 {
    animation-name: fadeIn, slideLeftIn20;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideLeftIn20 {
    0% {
        transform: translate3d(20px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideLeftIn40 {
    animation-name: fadeIn, slideLeftIn40;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideLeftIn40 {
    0% {
        transform: translate3d(40px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideRightIn400 {
    animation-name: fadeIn, slideRightIn400;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideRightIn400 {
    0% {
        transform: translate3d(-400px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideLeftIn400 {
    animation-name: fadeIn, slideLeft400;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideLeft400 {
    0% {
        transform: translate3d(400px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideUpIn20 {
    animation-name: fadeIn, slideUpIn20;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideUpIn20 {
    0% {
        transform: translate3d(0, 20px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideUpIn10 {
    animation-name: fadeIn, slideUpIn10;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideUpIn10 {
    0% {
        transform: translate3d(0, 10px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideDownIn20 {
    animation-name: fadeIn, slideDownIn20;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes slideDownIn20 {
    0% {
        transform: translate3d(0, -20px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideDownIn10 {
    animation-name: fadeIn, slideDownIn10;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideDownIn10 {
    0% {
        transform: translate3d(0, -10px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.ms-u-slideRightOut40 {
    animation-name: fadeOut, slideRightOut40;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideRightOut40 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(40px, 0, 0)
    }
}

.ms-u-slideLeftOut40 {
    animation-name: fadeOut, slideLeftOut40;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideLeftOut40 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-40px, 0, 0)
    }
}

.ms-u-slideRightOut400 {
    animation-name: fadeOut, slideRightOut400;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideRightOut400 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(400px, 0, 0)
    }
}

.ms-u-slideLeftOut400 {
    animation-name: fadeOut, slideLeftOut400;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideLeftOut400 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-400px, 0, 0)
    }
}

.ms-u-slideUpOut20 {
    animation-name: fadeOut, slideUpOut20;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideUpOut20 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, -20px, 0)
    }
}

.ms-u-slideUpOut10 {
    animation-name: fadeOut, slideUpOut10;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideUpOut10 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, -10px, 0)
    }
}

.ms-u-slideDownOut20 {
    animation-name: fadeOut, slideDownOut20;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideDownOut20 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, 20px, 0)
    }
}

.ms-u-slideDownOut10 {
    animation-name: fadeOut, slideDownOut10;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes slideDownOut10 {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, 10px, 0)
    }
}

.ms-u-scaleUpIn100 {
    animation-name: fadeIn, scaleUp100;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes scaleUp100 {
    0% {
        transform: scale3d(.98, .98, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.ms-u-scaleDownIn100 {
    animation-name: fadeIn, scaleDown100;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

@keyframes scaleDown100 {
    0% {
        transform: scale3d(1.03, 1.03, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.ms-u-scaleUpOut103 {
    animation-name: fadeOut, scaleUp103;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes scaleUp103 {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scale3d(1.03, 1.03, 1)
    }
}

.ms-u-scaleDownOut98 {
    animation-name: fadeOut, scaleDown98;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes scaleDown98 {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scale3d(.98, .98, 1)
    }
}

.ms-u-fadeIn100,
.ms-u-fadeIn400 {
    -webkit-animation-duration: .367s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-duration: .367s;
    animation-name: fadeIn;
    animation-fill-mode: both
}

.ms-u-fadeIn100 {
    animation-duration: .167s
}

.ms-u-fadeIn200 {
    -webkit-animation-duration: .367s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-duration: .367s;
    animation-name: fadeIn;
    animation-fill-mode: both;
    animation-duration: .267s
}

.ms-u-fadeIn500 {
    -webkit-animation-duration: .367s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-duration: .367s;
    animation-name: fadeIn;
    animation-fill-mode: both;
    animation-duration: .467s
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        animation-timing-function: cubic-bezier(.1, .25, .75, .9)
    }
    to {
        opacity: 1
    }
}

.ms-u-fadeOut100,
.ms-u-fadeOut400 {
    -webkit-animation-duration: .367s;
    -webkit-animation-name: fadeOut;
    -webkit-animation-fill-mode: both;
    animation-duration: .367s;
    animation-name: fadeOut;
    animation-fill-mode: both
}

.ms-u-fadeOut100 {
    animation-duration: .1s
}

.ms-u-fadeOut200 {
    -webkit-animation-duration: .367s;
    -webkit-animation-name: fadeOut;
    -webkit-animation-fill-mode: both;
    animation-duration: .367s;
    animation-name: fadeOut;
    animation-fill-mode: both;
    animation-duration: .167s
}

.ms-u-fadeOut500 {
    -webkit-animation-duration: .367s;
    -webkit-animation-name: fadeOut;
    -webkit-animation-fill-mode: both;
    animation-duration: .367s;
    animation-name: fadeOut;
    animation-fill-mode: both;
    animation-duration: .467s
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        animation-timing-function: cubic-bezier(.1, .25, .75, .9)
    }
    to {
        opacity: 0
    }
}

.ms-u-rotate90deg {
    animation-name: rotate90;
    -webkit-animation-duration: .1s;
    -moz-animation-duration: .1s;
    -ms-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes rotate90 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(90deg)
    }
}

.ms-u-rotateN90deg {
    animation-name: rotateN90;
    -webkit-animation-duration: .1s;
    -moz-animation-duration: .1s;
    -ms-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

@keyframes rotateN90 {
    0% {
        transform: rotate(90deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.ms-u-expandCollapse400 {
    transition: height .367s cubic-bezier(.1, .25, .75, .9)
}

.ms-u-expandCollapse200 {
    transition: height .167s cubic-bezier(.1, .25, .75, .9)
}

.ms-u-expandCollapse100 {
    transition: height .1s cubic-bezier(.1, .25, .75, .9)
}

.ms-u-delay100 {
    animation-delay: .167s
}

.ms-u-delay200 {
    animation-delay: .267s
}

@media (max-width:479px) {
    .ms-u-hiddenLgDown,
    .ms-u-hiddenMdDown,
    .ms-u-hiddenSm,
    .ms-u-hiddenXlDown,
    .ms-u-hiddenXxlDown {
        display: none!important
    }
}

@media (min-width:480px) and (max-width:639px) {
    .ms-u-hiddenLgDown,
    .ms-u-hiddenMd,
    .ms-u-hiddenMdDown,
    .ms-u-hiddenMdUp,
    .ms-u-hiddenXlDown,
    .ms-u-hiddenXxlDown {
        display: none!important
    }
}

@media (min-width:640px) and (max-width:1023px) {
    .ms-u-hiddenLg,
    .ms-u-hiddenLgDown,
    .ms-u-hiddenLgUp,
    .ms-u-hiddenMdUp,
    .ms-u-hiddenXlDown,
    .ms-u-hiddenXxlDown {
        display: none!important
    }
}

@media (min-width:1024px) and (max-width:1365px) {
    .ms-u-hiddenLgUp,
    .ms-u-hiddenMdUp,
    .ms-u-hiddenXl,
    .ms-u-hiddenXlDown,
    .ms-u-hiddenXlUp,
    .ms-u-hiddenXxlDown {
        display: none!important
    }
}

@media (min-width:1366px) and (max-width:1919px) {
    .ms-u-hiddenLgUp,
    .ms-u-hiddenMdUp,
    .ms-u-hiddenXlUp,
    .ms-u-hiddenXxl,
    .ms-u-hiddenXxlDown,
    .ms-u-hiddenXxlUp {
        display: none!important
    }
}

@media (min-width:1920px) {
    .ms-u-hiddenLgUp,
    .ms-u-hiddenMdUp,
    .ms-u-hiddenXlUp,
    .ms-u-hiddenXxlUp,
    .ms-u-hiddenXxxl {
        display: none!important
    }
}

.ms-u-sm12 {
    width: 100%
}

.ms-u-sm11 {
    width: 91.66666666666666%
}

.ms-u-sm10 {
    width: 83.33333333333334%
}

.ms-u-sm9 {
    width: 75%
}

.ms-u-sm8 {
    width: 66.66666666666666%
}

.ms-u-sm7 {
    width: 58.333333333333336%
}

.ms-u-sm6 {
    width: 50%
}

.ms-u-sm5 {
    width: 41.66666666666667%
}

.ms-u-sm4 {
    width: 33.33333333333333%
}

.ms-u-sm3 {
    width: 25%
}

.ms-u-sm2 {
    width: 16.666666666666664%
}

.ms-u-sm1 {
    width: 8.333333333333332%
}

.ms-u-smPull12 {
    right: 100%
}

.ms-u-smPull11 {
    right: 91.66666666666666%
}

.ms-u-smPull10 {
    right: 83.33333333333334%
}

.ms-u-smPull9 {
    right: 75%
}

.ms-u-smPull8 {
    right: 66.66666666666666%
}

.ms-u-smPull7 {
    right: 58.333333333333336%
}

.ms-u-smPull6 {
    right: 50%
}

.ms-u-smPull5 {
    right: 41.66666666666667%
}

.ms-u-smPull4 {
    right: 33.33333333333333%
}

.ms-u-smPull3 {
    right: 25%
}

.ms-u-smPull2 {
    right: 16.666666666666664%
}

.ms-u-smPull1 {
    right: 8.333333333333332%
}

.ms-u-smPull0 {
    right: auto
}

.ms-u-smPush12 {
    left: 100%
}

.ms-u-smPush11 {
    left: 91.66666666666666%
}

.ms-u-smPush10 {
    left: 83.33333333333334%
}

.ms-u-smPush9 {
    left: 75%
}

.ms-u-smPush8 {
    left: 66.66666666666666%
}

.ms-u-smPush7 {
    left: 58.333333333333336%
}

.ms-u-smPush6 {
    left: 50%
}

.ms-u-smPush5 {
    left: 41.66666666666667%
}

.ms-u-smPush4 {
    left: 33.33333333333333%
}

.ms-u-smPush3 {
    left: 25%
}

.ms-u-smPush2 {
    left: 16.666666666666664%
}

.ms-u-smPush1 {
    left: 8.333333333333332%
}

.ms-u-smPush0 {
    left: auto
}

.ms-u-smOffset11 {
    margin-left: 91.66666666666666%
}

.ms-u-smOffset10 {
    margin-left: 83.33333333333334%
}

.ms-u-smOffset9 {
    margin-left: 75%
}

.ms-u-smOffset8 {
    margin-left: 66.66666666666666%
}

.ms-u-smOffset7 {
    margin-left: 58.333333333333336%
}

.ms-u-smOffset6 {
    margin-left: 50%
}

.ms-u-smOffset5 {
    margin-left: 41.66666666666667%
}

.ms-u-smOffset4 {
    margin-left: 33.33333333333333%
}

.ms-u-smOffset3 {
    margin-left: 25%
}

.ms-u-smOffset2 {
    margin-left: 16.666666666666664%
}

.ms-u-smOffset1 {
    margin-left: 8.333333333333332%
}

.ms-u-smOffset0 {
    margin-left: 0
}

@media (min-width:480px) {
    .ms-u-md12 {
        width: 100%
    }
}

@media (min-width:480px) {
    .ms-u-md11 {
        width: 91.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-md10 {
        width: 83.33333333333334%
    }
}

@media (min-width:480px) {
    .ms-u-md9 {
        width: 75%
    }
}

@media (min-width:480px) {
    .ms-u-md8 {
        width: 66.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-md7 {
        width: 58.333333333333336%
    }
}

@media (min-width:480px) {
    .ms-u-md6 {
        width: 50%
    }
}

@media (min-width:480px) {
    .ms-u-md5 {
        width: 41.66666666666667%
    }
}

@media (min-width:480px) {
    .ms-u-md4 {
        width: 33.33333333333333%
    }
}

@media (min-width:480px) {
    .ms-u-md3 {
        width: 25%
    }
}

@media (min-width:480px) {
    .ms-u-md2 {
        width: 16.666666666666664%
    }
}

@media (min-width:480px) {
    .ms-u-md1 {
        width: 8.333333333333332%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull12 {
        right: 100%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull11 {
        right: 91.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull10 {
        right: 83.33333333333334%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull9 {
        right: 75%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull8 {
        right: 66.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull7 {
        right: 58.333333333333336%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull6 {
        right: 50%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull5 {
        right: 41.66666666666667%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull4 {
        right: 33.33333333333333%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull3 {
        right: 25%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull2 {
        right: 16.666666666666664%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull1 {
        right: 8.333333333333332%
    }
}

@media (min-width:480px) {
    .ms-u-mdPull0 {
        right: auto
    }
}

@media (min-width:480px) {
    .ms-u-mdPush12 {
        left: 100%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush11 {
        left: 91.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush10 {
        left: 83.33333333333334%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush9 {
        left: 75%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush8 {
        left: 66.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush7 {
        left: 58.333333333333336%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush6 {
        left: 50%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush5 {
        left: 41.66666666666667%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush4 {
        left: 33.33333333333333%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush3 {
        left: 25%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush2 {
        left: 16.666666666666664%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush1 {
        left: 8.333333333333332%
    }
}

@media (min-width:480px) {
    .ms-u-mdPush0 {
        left: auto
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset11 {
        margin-left: 91.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset10 {
        margin-left: 83.33333333333334%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset9 {
        margin-left: 75%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset8 {
        margin-left: 66.66666666666666%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset7 {
        margin-left: 58.333333333333336%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset6 {
        margin-left: 50%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset5 {
        margin-left: 41.66666666666667%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset4 {
        margin-left: 33.33333333333333%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset3 {
        margin-left: 25%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset2 {
        margin-left: 16.666666666666664%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset1 {
        margin-left: 8.333333333333332%
    }
}

@media (min-width:480px) {
    .ms-u-mdOffset0 {
        margin-left: 0
    }
}

@media (min-width:640px) {
    .ms-u-lg12 {
        width: 100%
    }
}

@media (min-width:640px) {
    .ms-u-lg11 {
        width: 91.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lg10 {
        width: 83.33333333333334%
    }
}

@media (min-width:640px) {
    .ms-u-lg9 {
        width: 75%
    }
}

@media (min-width:640px) {
    .ms-u-lg8 {
        width: 66.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lg7 {
        width: 58.333333333333336%
    }
}

@media (min-width:640px) {
    .ms-u-lg6 {
        width: 50%
    }
}

@media (min-width:640px) {
    .ms-u-lg5 {
        width: 41.66666666666667%
    }
}

@media (min-width:640px) {
    .ms-u-lg4 {
        width: 33.33333333333333%
    }
}

@media (min-width:640px) {
    .ms-u-lg3 {
        width: 25%
    }
}

@media (min-width:640px) {
    .ms-u-lg2 {
        width: 16.666666666666664%
    }
}

@media (min-width:640px) {
    .ms-u-lg1 {
        width: 8.333333333333332%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull12 {
        right: 100%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull11 {
        right: 91.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull10 {
        right: 83.33333333333334%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull9 {
        right: 75%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull8 {
        right: 66.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull7 {
        right: 58.333333333333336%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull6 {
        right: 50%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull5 {
        right: 41.66666666666667%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull4 {
        right: 33.33333333333333%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull3 {
        right: 25%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull2 {
        right: 16.666666666666664%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull1 {
        right: 8.333333333333332%
    }
}

@media (min-width:640px) {
    .ms-u-lgPull0 {
        right: auto
    }
}

@media (min-width:640px) {
    .ms-u-lgPush12 {
        left: 100%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush11 {
        left: 91.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush10 {
        left: 83.33333333333334%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush9 {
        left: 75%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush8 {
        left: 66.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush7 {
        left: 58.333333333333336%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush6 {
        left: 50%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush5 {
        left: 41.66666666666667%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush4 {
        left: 33.33333333333333%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush3 {
        left: 25%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush2 {
        left: 16.666666666666664%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush1 {
        left: 8.333333333333332%
    }
}

@media (min-width:640px) {
    .ms-u-lgPush0 {
        left: auto
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset11 {
        margin-left: 91.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset10 {
        margin-left: 83.33333333333334%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset9 {
        margin-left: 75%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset8 {
        margin-left: 66.66666666666666%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset7 {
        margin-left: 58.333333333333336%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset6 {
        margin-left: 50%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset5 {
        margin-left: 41.66666666666667%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset4 {
        margin-left: 33.33333333333333%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset3 {
        margin-left: 25%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset2 {
        margin-left: 16.666666666666664%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset1 {
        margin-left: 8.333333333333332%
    }
}

@media (min-width:640px) {
    .ms-u-lgOffset0 {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .ms-u-xl12 {
        width: 100%
    }
}

@media (min-width:1024px) {
    .ms-u-xl11 {
        width: 91.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xl10 {
        width: 83.33333333333334%
    }
}

@media (min-width:1024px) {
    .ms-u-xl9 {
        width: 75%
    }
}

@media (min-width:1024px) {
    .ms-u-xl8 {
        width: 66.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xl7 {
        width: 58.333333333333336%
    }
}

@media (min-width:1024px) {
    .ms-u-xl6 {
        width: 50%
    }
}

@media (min-width:1024px) {
    .ms-u-xl5 {
        width: 41.66666666666667%
    }
}

@media (min-width:1024px) {
    .ms-u-xl4 {
        width: 33.33333333333333%
    }
}

@media (min-width:1024px) {
    .ms-u-xl3 {
        width: 25%
    }
}

@media (min-width:1024px) {
    .ms-u-xl2 {
        width: 16.666666666666664%
    }
}

@media (min-width:1024px) {
    .ms-u-xl1 {
        width: 8.333333333333332%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull12 {
        right: 100%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull11 {
        right: 91.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull10 {
        right: 83.33333333333334%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull9 {
        right: 75%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull8 {
        right: 66.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull7 {
        right: 58.333333333333336%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull6 {
        right: 50%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull5 {
        right: 41.66666666666667%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull4 {
        right: 33.33333333333333%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull3 {
        right: 25%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull2 {
        right: 16.666666666666664%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull1 {
        right: 8.333333333333332%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPull0 {
        right: auto
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush12 {
        left: 100%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush11 {
        left: 91.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush10 {
        left: 83.33333333333334%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush9 {
        left: 75%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush8 {
        left: 66.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush7 {
        left: 58.333333333333336%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush6 {
        left: 50%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush5 {
        left: 41.66666666666667%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush4 {
        left: 33.33333333333333%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush3 {
        left: 25%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush2 {
        left: 16.666666666666664%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush1 {
        left: 8.333333333333332%
    }
}

@media (min-width:1024px) {
    .ms-u-xlPush0 {
        left: auto
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset11 {
        margin-left: 91.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset10 {
        margin-left: 83.33333333333334%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset9 {
        margin-left: 75%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset8 {
        margin-left: 66.66666666666666%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset7 {
        margin-left: 58.333333333333336%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset6 {
        margin-left: 50%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset5 {
        margin-left: 41.66666666666667%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset4 {
        margin-left: 33.33333333333333%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset3 {
        margin-left: 25%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset2 {
        margin-left: 16.666666666666664%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset1 {
        margin-left: 8.333333333333332%
    }
}

@media (min-width:1024px) {
    .ms-u-xlOffset0 {
        margin-left: 0
    }
}

@media (min-width:1366px) {
    .ms-u-xxl12 {
        width: 100%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl11 {
        width: 91.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl10 {
        width: 83.33333333333334%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl9 {
        width: 75%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl8 {
        width: 66.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl7 {
        width: 58.333333333333336%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl6 {
        width: 50%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl5 {
        width: 41.66666666666667%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl4 {
        width: 33.33333333333333%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl3 {
        width: 25%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl2 {
        width: 16.666666666666664%
    }
}

@media (min-width:1366px) {
    .ms-u-xxl1 {
        width: 8.333333333333332%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull12 {
        right: 100%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull11 {
        right: 91.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull10 {
        right: 83.33333333333334%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull9 {
        right: 75%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull8 {
        right: 66.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull7 {
        right: 58.333333333333336%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull6 {
        right: 50%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull5 {
        right: 41.66666666666667%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull4 {
        right: 33.33333333333333%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull3 {
        right: 25%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull2 {
        right: 16.666666666666664%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull1 {
        right: 8.333333333333332%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPull0 {
        right: auto
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush12 {
        left: 100%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush11 {
        left: 91.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush10 {
        left: 83.33333333333334%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush9 {
        left: 75%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush8 {
        left: 66.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush7 {
        left: 58.333333333333336%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush6 {
        left: 50%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush5 {
        left: 41.66666666666667%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush4 {
        left: 33.33333333333333%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush3 {
        left: 25%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush2 {
        left: 16.666666666666664%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush1 {
        left: 8.333333333333332%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlPush0 {
        left: auto
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset11 {
        margin-left: 91.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset10 {
        margin-left: 83.33333333333334%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset9 {
        margin-left: 75%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset8 {
        margin-left: 66.66666666666666%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset7 {
        margin-left: 58.333333333333336%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset6 {
        margin-left: 50%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset5 {
        margin-left: 41.66666666666667%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset4 {
        margin-left: 33.33333333333333%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset3 {
        margin-left: 25%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset2 {
        margin-left: 16.666666666666664%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset1 {
        margin-left: 8.333333333333332%
    }
}

@media (min-width:1366px) {
    .ms-u-xxlOffset0 {
        margin-left: 0
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl12 {
        width: 100%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl11 {
        width: 91.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl10 {
        width: 83.33333333333334%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl9 {
        width: 75%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl8 {
        width: 66.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl7 {
        width: 58.333333333333336%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl6 {
        width: 50%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl5 {
        width: 41.66666666666667%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl4 {
        width: 33.33333333333333%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl3 {
        width: 25%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl2 {
        width: 16.666666666666664%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxl1 {
        width: 8.333333333333332%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull12 {
        right: 100%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull11 {
        right: 91.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull10 {
        right: 83.33333333333334%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull9 {
        right: 75%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull8 {
        right: 66.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull7 {
        right: 58.333333333333336%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull6 {
        right: 50%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull5 {
        right: 41.66666666666667%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull4 {
        right: 33.33333333333333%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull3 {
        right: 25%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull2 {
        right: 16.666666666666664%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull1 {
        right: 8.333333333333332%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPull0 {
        right: auto
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush12 {
        left: 100%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush11 {
        left: 91.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush10 {
        left: 83.33333333333334%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush9 {
        left: 75%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush8 {
        left: 66.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush7 {
        left: 58.333333333333336%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush6 {
        left: 50%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush5 {
        left: 41.66666666666667%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush4 {
        left: 33.33333333333333%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush3 {
        left: 25%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush2 {
        left: 16.666666666666664%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush1 {
        left: 8.333333333333332%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlPush0 {
        left: auto
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset11 {
        margin-left: 91.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset10 {
        margin-left: 83.33333333333334%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset9 {
        margin-left: 75%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset8 {
        margin-left: 66.66666666666666%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset7 {
        margin-left: 58.333333333333336%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset6 {
        margin-left: 50%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset5 {
        margin-left: 41.66666666666667%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset4 {
        margin-left: 33.33333333333333%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset3 {
        margin-left: 25%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset2 {
        margin-left: 16.666666666666664%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset1 {
        margin-left: 8.333333333333332%
    }
}

@media (min-width:1920px) {
    .ms-u-xxxlOffset0 {
        margin-left: 0
    }
}

.ms-Grid {
    box-sizing: border-box;
    *zoom: 1;
    padding: 0 8px
}

.ms-Grid:after,
.ms-Grid:before {
    display: table;
    content: '';
    line-height: 0
}

.ms-Grid:after {
    clear: both
}

.ms-Grid-row {
    margin: 0 -8px;
    box-sizing: border-box;
    *zoom: 1
}

.ms-Grid-row:after,
.ms-Grid-row:before {
    display: table;
    content: '';
    line-height: 0
}

.ms-Grid-row:after {
    clear: both
}

.ms-Grid-col {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    float: left
}

.ms-Grid-col .ms-Grid {
    padding: 0
}

.ms-Fabric {
    color: #333
}


/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */


/**
  * Office UI Fabric JS 1.5.0
  * The JavaScript front-end framework for building experiences for Office 365.
  **/

.ms-Breadcrumb {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 23px 0 1px
}

.ms-Breadcrumb.is-overflow .ms-Breadcrumb-overflow {
    display: inline-block;
    margin-right: -4px
}

.ms-Breadcrumb-chevron {
    font-size: 12px;
    color: #666;
    vertical-align: top;
    margin: 13px 4px;
    line-height: 1
}

.ms-Breadcrumb-list {
    display: inline;
    white-space: nowrap;
    padding: 0;
    margin: 0
}

.ms-Breadcrumb-list .ms-Breadcrumb-listItem {
    list-style-type: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
    display: inline-block
}

.ms-Breadcrumb-list .ms-Breadcrumb-listItem:last-of-type .ms-Breadcrumb-chevron {
    display: none
}

.ms-Breadcrumb-overflow {
    display: none;
    position: relative
}

.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
    font-size: 16px;
    display: inline-block;
    color: #0078d7;
    padding: 8px;
    cursor: pointer;
    vertical-align: top
}

.ms-Breadcrumb-overflowMenu {
    display: none;
    position: absolute
}

.ms-Breadcrumb-overflowMenu.is-open {
    display: block;
    top: 36px;
    left: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    background-color: #fff;
    border: 1px solid #c8c8c8;
    z-index: 105
}

.ms-Breadcrumb-overflowMenu:before {
    position: absolute;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    top: -6px;
    left: 6px;
    content: " ";
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background-color: #fff
}

.ms-Breadcrumb-overflowMenu .ms-ContextualMenu {
    border: 0;
    box-shadow: none;
    position: relative;
    width: 190px
}

.ms-Breadcrumb-overflowMenu .ms-ContextualMenu.is-open {
    margin-bottom: 0
}

.ms-Breadcrumb-itemLink,
.ms-Breadcrumb-overflowButton {
    text-decoration: none;
    outline: transparent
}

.ms-Breadcrumb-itemLink:hover,
.ms-Breadcrumb-overflowButton:hover {
    background-color: #f4f4f4;
    cursor: pointer
}

.ms-Breadcrumb-itemLink:focus,
.ms-Breadcrumb-overflowButton:focus {
    outline: 1px solid #767676;
    color: #000
}

.ms-Breadcrumb-itemLink:active,
.ms-Breadcrumb-overflowButton:active {
    outline: transparent;
    background-color: #c8c8c8
}

.ms-Breadcrumb-itemLink {
    font-weight: 100;
    font-size: 21px;
    color: #333;
    display: inline-block;
    padding: 0 4px;
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

@media screen and (max-width:639px) {
    .ms-Breadcrumb {
        margin: 10px 0
    }
    .ms-Breadcrumb-itemLink {
        font-size: 17px
    }
    .ms-Breadcrumb-chevron {
        font-size: 10px;
        margin: 9px 3px
    }
    .ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
        font-size: 16px;
        padding: 2px 0
    }
}

@media screen and (max-width:479px) {
    .ms-Breadcrumb-itemLink {
        font-size: 14px;
        max-width: 116px
    }
    .ms-Breadcrumb-chevron {
        margin: 5px 4px
    }
    .ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
        padding: 2px 4px
    }
}

.ms-Button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    min-width: 80px;
    padding: 4px 20px 6px
}

.ms-Button.is-hidden {
    display: none
}

.ms-Button:hover {
    background-color: #eaeaea;
    border-color: #eaeaea
}

.ms-Button:hover .ms-Button-label {
    color: #000
}

@media screen and (-ms-high-contrast:active) {
    .ms-Button:hover {
        color: #1aebff;
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Button:hover {
        color: #37006e;
        border-color: #37006e
    }
}

.ms-Button:focus {
    background-color: #eaeaea;
    border-color: #0078d7;
    outline: 1px solid transparent
}

.ms-Button:focus .ms-Button-label {
    color: #000
}

.ms-Button:active {
    background-color: #0078d7;
    border-color: #0078d7
}

.ms-Button:active .ms-Button-label {
    color: #fff
}

.ms-Button.is-disabled,
.ms-Button:disabled {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    cursor: default
}

.ms-Button.is-disabled .ms-Button-label,
.ms-Button:disabled .ms-Button-label {
    color: #a6a6a6
}

.ms-Button.is-disabled:focus,
.ms-Button.is-disabled:hover,
.ms-Button:disabled:focus,
.ms-Button:disabled:hover {
    outline: 0
}

.ms-Button-label {
    color: #333;
    font-weight: 600;
    font-size: 14px
}

.ms-Button-description,
.ms-Button-icon {
    display: none
}

.ms-Button.ms-Button--primary {
    background-color: #0078d7;
    border-color: #0078d7
}

.ms-Button.ms-Button--primary .ms-Button-label {
    color: #fff
}

.ms-Button.ms-Button--primary:hover {
    background-color: #005a9e;
    border-color: #005a9e
}

.ms-Button.ms-Button--primary:focus {
    background-color: #005a9e;
    border-color: #004578
}

.ms-Button.ms-Button--primary:active {
    background-color: #0078d7;
    border-color: #0078d7
}

.ms-Button.ms-Button--primary.is-disabled,
.ms-Button.ms-Button--primary:disabled {
    background-color: #f4f4f4;
    border-color: #f4f4f4
}

.ms-Button.ms-Button--primary.is-disabled .ms-Button-label,
.ms-Button.ms-Button--primary:disabled .ms-Button-label {
    color: #a6a6a6
}

.ms-Button.ms-Button--small {
    min-width: 60px;
    min-height: 24px;
    height: auto;
    padding-top: 0;
    padding-bottom: 4px
}

.ms-Button.ms-Button--small .ms-Button-label {
    font-weight: 400;
    font-size: 12px
}

.ms-Button.ms-Button--hero {
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    padding: 0;
    position: relative
}

.ms-Button.ms-Button--hero .ms-Button-icon {
    color: #0078d7;
    display: inline-block;
    font-size: 12px;
    margin-right: 4px;
    padding-top: 5px;
    text-align: center
}

.ms-Button.ms-Button--hero .ms-Button-icon .ms-Icon {
    border-radius: 18px;
    border: 1px solid #0078d7;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    width: 18px
}

.ms-Button.ms-Button--hero .ms-Button-label {
    color: #0078d7;
    font-size: 21px;
    font-weight: 100;
    position: relative;
    text-decoration: none;
    vertical-align: top
}

.ms-Button.ms-Button--hero:focus .ms-Button-icon,
.ms-Button.ms-Button--hero:hover .ms-Button-icon {
    color: #005a9e
}

.ms-Button.ms-Button--hero:focus .ms-Button-icon .ms-Icon,
.ms-Button.ms-Button--hero:hover .ms-Button-icon .ms-Icon {
    border: 1px solid #005a9e
}

.ms-Button.ms-Button--hero:focus .ms-Button-label,
.ms-Button.ms-Button--hero:hover .ms-Button-label {
    color: #004578
}

.ms-Button.ms-Button--hero:active .ms-Button-icon {
    color: #0078d7
}

.ms-Button.ms-Button--hero:active .ms-Button-icon .ms-Icon {
    border: 1px solid #0078d7
}

.ms-Button.ms-Button--hero:active .ms-Button-label {
    color: #0078d7
}

.ms-Button.ms-Button--hero.is-disabled .ms-Button-icon,
.ms-Button.ms-Button--hero:disabled .ms-Button-icon {
    color: #c8c8c8
}

.ms-Button.ms-Button--hero.is-disabled .ms-Button-icon .ms-Icon,
.ms-Button.ms-Button--hero:disabled .ms-Button-icon .ms-Icon {
    border: 1px solid #c8c8c8
}

.ms-Button.ms-Button--hero.is-disabled .ms-Button-label,
.ms-Button.ms-Button--hero:disabled .ms-Button-label {
    color: #a6a6a6
}

.ms-Button.ms-Button--compound {
    display: block;
    height: auto;
    max-width: 280px;
    min-height: 72px;
    padding: 20px
}

.ms-Button.ms-Button--compound .ms-Button-label {
    display: block;
    font-weight: 600;
    position: relative;
    text-align: left;
    margin-top: -5px
}

.ms-Button.ms-Button--compound .ms-Button-description {
    color: #666;
    display: block;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    text-align: left;
    top: 3px
}

.ms-Button.ms-Button--compound:hover .ms-Button-description {
    color: #212121
}

.ms-Button.ms-Button--compound:focus {
    border-color: #0078d7;
    background-color: #f4f4f4
}

.ms-Button.ms-Button--compound:focus .ms-Button-label {
    color: #333
}

.ms-Button.ms-Button--compound:focus .ms-Button-description {
    color: #666
}

.ms-Button.ms-Button--compound:active {
    background-color: #0078d7
}

.ms-Button.ms-Button--compound:active .ms-Button-description,
.ms-Button.ms-Button--compound:active .ms-Button-label {
    color: #fff
}

.ms-Button.ms-Button--compound.is-disabled .ms-Button-description,
.ms-Button.ms-Button--compound.is-disabled .ms-Button-label,
.ms-Button.ms-Button--compound:disabled .ms-Button-description,
.ms-Button.ms-Button--compound:disabled .ms-Button-label {
    color: #a6a6a6
}

.ms-Button.ms-Button--compound.is-disabled:active,
.ms-Button.ms-Button--compound.is-disabled:focus,
.ms-Button.ms-Button--compound:disabled:active,
.ms-Button.ms-Button--compound:disabled:focus {
    border-color: #f4f4f4;
    background-color: #f4f4f4
}

.ms-Button.ms-Button--compound.is-disabled:active .ms-Button-description,
.ms-Button.ms-Button--compound.is-disabled:active .ms-Button-label,
.ms-Button.ms-Button--compound.is-disabled:focus .ms-Button-description,
.ms-Button.ms-Button--compound.is-disabled:focus .ms-Button-label,
.ms-Button.ms-Button--compound:disabled:active .ms-Button-description,
.ms-Button.ms-Button--compound:disabled:active .ms-Button-label,
.ms-Button.ms-Button--compound:disabled:focus .ms-Button-description,
.ms-Button.ms-Button--compound:disabled:focus .ms-Button-label {
    color: #a6a6a6
}

.ms-Callout {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    width: 288px
}

.ms-Callout.is-hidden {
    display: none
}

.ms-Callout-header {
    z-index: 105;
    padding: 24px 28px 12px
}

.ms-Callout-title {
    margin: 0;
    font-weight: 300;
    font-size: 21px
}

.ms-Callout-subText {
    margin: 0;
    font-weight: 300;
    color: #333;
    font-size: 12px
}

.ms-Callout-close {
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 8px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: #666;
    z-index: 110
}

.ms-Callout-link {
    font-size: 14px
}

.ms-Callout-inner {
    height: 100%;
    padding: 0 28px 12px
}

.ms-Callout-actions {
    position: relative;
    margin-top: 20px;
    width: 100%;
    white-space: nowrap
}

.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline,
.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-button {
    height: 27px;
    line-height: 27px
}

.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-icon,
.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-label {
    line-height: 27px
}

.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline:focus .ms-Button,
.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline:hover .ms-Button {
    color: #0078d7
}

.ms-Callout-actions .ms-Callout-button {
    margin-right: 12px
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-header {
    padding: 28px 24px;
    background-color: #0078d7
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-title {
    font-weight: 100;
    font-size: 28px;
    color: #fff
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-inner {
    padding-top: 20px
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-subText {
    font-size: 14px
}

.ms-Callout.ms-Callout--actionText .ms-Callout-actions {
    border-top: 1px solid #eaeaea;
    padding-top: 12px
}

.ms-Callout.ms-Callout--actionText .ms-Callout-inner {
    padding-bottom: 12px
}

.ms-Callout.ms-Callout--peek .ms-Callout-header {
    padding-bottom: 0
}

.ms-Callout.ms-Callout--peek .ms-Callout-title {
    font-size: 14px
}

.ms-Callout.ms-Callout--peek .ms-Callout-actions {
    margin-top: 12px;
    margin-bottom: -4px
}

.ms-CheckBox {
    box-sizing: border-box;
    color: #333;
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    min-height: 36px;
    position: relative
}

.ms-CheckBox .ms-Label {
    font-size: 14px;
    padding: 0 0 0 26px;
    cursor: pointer;
    display: inline-block
}

.ms-CheckBox-input {
    position: absolute;
    opacity: 0
}

.ms-CheckBox-field:before {
    content: "";
    display: inline-block;
    border: 2px solid #a6a6a6;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-weight: 400;
    position: absolute;
    box-sizing: border-box;
    transition-property: background, border, border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

.ms-CheckBox-field:after {
    content: "\E73E";
    font-family: FabricMDL2Icons;
    display: none;
    position: absolute;
    font-weight: 900;
    background-color: transparent;
    font-size: 13px;
    top: 0;
    color: #fff;
    line-height: 20px;
    width: 20px;
    text-align: center
}

@media screen and (-ms-high-contrast:active) {
    .ms-CheckBox-field:after {
        color: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-CheckBox-field:after {
        color: #fff
    }
}

.ms-CheckBox-field {
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
    position: relative;
    outline: 0;
    vertical-align: top
}

.ms-CheckBox-field:focus:before,
.ms-CheckBox-field:hover:before {
    border-color: #767676
}

.ms-CheckBox-field:focus .ms-Label,
.ms-CheckBox-field:hover .ms-Label {
    color: #000
}

.ms-CheckBox-field.is-disabled {
    cursor: default
}

.ms-CheckBox-field.is-disabled:before {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    color: #c8c8c8
}

@media screen and (-ms-high-contrast:active) {
    .ms-CheckBox-field.is-disabled:before {
        border-color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-CheckBox-field.is-disabled:before {
        border-color: #600000
    }
}

.ms-CheckBox-field.is-disabled .ms-Label {
    color: #a6a6a6
}

@media screen and (-ms-high-contrast:active) {
    .ms-CheckBox-field.is-disabled .ms-Label {
        color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-CheckBox-field.is-disabled .ms-Label {
        color: #600000
    }
}

.ms-CheckBox-field.in-focus:before {
    border-color: #767676
}

.ms-CheckBox-field.in-focus.is-disabled:before {
    border-color: #c8c8c8
}

.ms-CheckBox-field.in-focus.is-checked:before {
    border-color: #106ebe
}

.ms-CheckBox-field.is-checked:before {
    border: 10px solid #0078d7;
    background-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
    .ms-CheckBox-field.is-checked:before {
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-CheckBox-field.is-checked:before {
        border-color: #37006e
    }
}

.ms-CheckBox-field.is-checked:after {
    display: block
}

.ms-CheckBox-field.is-checked:focus:before,
.ms-CheckBox-field.is-checked:hover:before {
    border-color: #106ebe
}

.ms-RadioButton {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    min-height: 36px;
    position: relative
}

.ms-RadioButton .ms-Label {
    font-size: 14px;
    padding: 0 0 0 26px;
    cursor: pointer;
    display: inline-block
}

.ms-RadioButton-input {
    position: absolute;
    opacity: 0
}

.ms-RadioButton-field:before {
    content: "";
    display: inline-block;
    border: 2px solid #a6a6a6;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-weight: 400;
    position: absolute;
    box-sizing: border-box;
    transition-property: border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1);
    border-radius: 50%
}

.ms-RadioButton-field:after {
    content: "";
    width: 0;
    height: 0;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 0;
    right: 0;
    transition-property: top, left, width, height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1);
    box-sizing: border-box
}

@media screen and (-ms-high-contrast:active) {
    .ms-RadioButton-field:after {
        color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-RadioButton-field:after {
        color: #600000
    }
}

.ms-RadioButton-field {
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
    position: relative;
    outline: 0;
    vertical-align: top
}

.ms-RadioButton-field:focus:before,
.ms-RadioButton-field:hover:before {
    border-color: #767676
}

.ms-RadioButton-field:focus .ms-Label,
.ms-RadioButton-field:hover .ms-Label {
    color: #000
}

.ms-RadioButton-field.is-disabled {
    cursor: default
}

.ms-RadioButton-field.is-disabled:before {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    color: #c8c8c8
}

@media screen and (-ms-high-contrast:active) {
    .ms-RadioButton-field.is-disabled:before {
        border-color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-RadioButton-field.is-disabled:before {
        border-color: #600000
    }
}

.ms-RadioButton-field.is-disabled .ms-Label {
    color: #a6a6a6
}

@media screen and (-ms-high-contrast:active) {
    .ms-RadioButton-field.is-disabled .ms-Label {
        color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-RadioButton-field.is-disabled .ms-Label {
        color: #600000
    }
}

.ms-RadioButton-field.is-disabled:focus:before,
.ms-RadioButton-field.is-disabled:hover:before {
    border-color: #c8c8c8
}

.ms-RadioButton-field.in-focus:before {
    border-color: #767676
}

.ms-RadioButton-field.is-checked:before {
    border: 2px solid #0078d7;
    background-color: transparent
}

@media screen and (-ms-high-contrast:active) {
    .ms-RadioButton-field.is-checked:before {
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-RadioButton-field.is-checked:before {
        border-color: #37006e
    }
}

.ms-RadioButton-field.is-checked:after {
    background-color: #0078d7;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px
}

@media screen and (-ms-high-contrast:active) {
    .ms-RadioButton-field.is-checked:after {
        background-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-RadioButton-field.is-checked:after {
        background-color: #37006e
    }
}

.ms-RadioButton-field.is-checked.in-focus:before,
.ms-RadioButton-field.is-checked:focus:before,
.ms-RadioButton-field.is-checked:hover:before {
    border-color: #0078d7
}

.ms-ChoiceFieldGroup {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 4px
}

.ms-ChoiceFieldGroup .ms-ChoiceFieldGroup-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.ms-CommandBar {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #f4f4f4;
    height: 40px;
    white-space: nowrap;
    padding-left: 0;
    border: 0;
    position: relative
}

.ms-CommandBar:focus {
    outline: none
}

.ms-CommandBar .ms-CommandButton--actionButton {
    border-right: 1px solid #eaeaea
}

.ms-CommandBar .ms-Button {
    height: 100%
}

.ms-CommandBar .ms-Button.ms-Button--noLabel .ms-Button-icon {
    padding-right: 0
}

.ms-CommandBar .ms-Button.is-hidden {
    display: none
}

.ms-CommandBar .ms-SearchBox,
.ms-CommandBar .ms-SearchBox-field,
.ms-CommandBar .ms-SearchBox-label {
    height: 100%
}

.ms-CommandBar .ms-SearchBox {
    display: inline-block;
    vertical-align: top;
    transition: margin-right .267s
}

.ms-CommandBar .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
    width: 220px
}

@media only screen and (max-width:639px) {
    .ms-CommandBar .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10
    }
}

.ms-CommandBar .ms-CommandBar-overflowButton .ms-CommandButton-button {
    font-size: 18px;
    padding: 0 11px
}

@media only screen and (min-width:1024px) {
    .ms-CommandBar .ms-SearchBox {
        margin-right: 24px
    }
}

@media only screen and (max-width:639px) {
    .ms-CommandBar {
        height: 44px
    }
}

@media only screen and (min-width:640px) {
    .ms-CommandBar.search-expanded .ms-SearchBox {
        margin-right: 8px
    }
    .ms-CommandBar .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed {
        transition: none
    }
}

.ms-CommandBar-mainArea {
    overflow-x: hidden;
    display: block;
    height: 100%;
    overflow: hidden
}

.ms-CommandBar-sideCommands {
    float: right;
    text-align: right;
    width: auto;
    padding-right: 4px;
    height: 100%
}

.ms-CommandBar-sideCommands .ms-Button:last-child {
    margin-right: 0
}

@media only screen and (min-width:640px) {
    .ms-CommandBar-sideCommands {
        min-width: 128px
    }
}

@media only screen and (min-width:1024px) {
    .ms-CommandBar-sideCommands {
        padding-right: 20px
    }
}

.ms-CommandButton {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.ms-CommandButton.is-hidden {
    display: none
}

.ms-CommandButton.is-disabled .ms-CommandButton-button,
.ms-CommandButton:disabled .ms-CommandButton-button {
    cursor: default
}

.ms-CommandButton.is-disabled .ms-CommandButton-button:hover,
.ms-CommandButton:disabled .ms-CommandButton-button:hover {
    background-color: #eff6fc
}

.ms-CommandButton.is-disabled .ms-CommandButton-button .ms-CommandButton-icon,
.ms-CommandButton.is-disabled .ms-CommandButton-button .ms-CommandButton-label,
.ms-CommandButton:disabled .ms-CommandButton-button .ms-CommandButton-icon,
.ms-CommandButton:disabled .ms-CommandButton-button .ms-CommandButton-label {
    color: #a6a6a6
}

.ms-CommandButton .ms-ContextualMenu {
    display: none
}

.ms-CommandButton-button,
.ms-CommandButton-splitIcon {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    outline: 1px solid transparent;
    padding: 0 8px;
    position: relative;
    vertical-align: top;
    background: transparent
}

.ms-CommandButton-button:hover,
.ms-CommandButton-splitIcon:hover {
    background-color: #eaeaea
}

.ms-CommandButton-button:hover .ms-CommandButton-label,
.ms-CommandButton-splitIcon:hover .ms-CommandButton-label {
    color: #212121
}

.ms-CommandButton-button:active,
.ms-CommandButton-splitIcon:active {
    background-color: #eaeaea
}

.ms-CommandButton-button:focus:before,
.ms-CommandButton-splitIcon:focus:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #333;
    position: absolute;
    z-index: 10;
    content: "";
    outline: none
}

.ms-CommandButton-button:focus,
.ms-CommandButton-splitIcon:focus {
    outline: 0
}

@media only screen and (max-width:639px) {
    .ms-CommandButton-button,
    .ms-CommandButton-splitIcon {
        height: 44px
    }
    .ms-CommandButton-button .ms-CommandButton-icon,
    .ms-CommandButton-splitIcon .ms-CommandButton-icon {
        font-size: 20px
    }
    .ms-CommandButton-button .ms-CommandButton-label,
    .ms-CommandButton-splitIcon .ms-CommandButton-label {
        line-height: 44px
    }
}

.ms-CommandButton-button {
    border: 0;
    margin: 0
}

.ms-CommandButton+.ms-CommandButton {
    margin-left: 8px
}

@media only screen and (max-width:639px) {
    .ms-CommandButton+.ms-CommandButton {
        margin-left: 4px
    }
}

.ms-CommandButton-icon {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    font-size: 16px;
    min-width: 16px;
    height: 100%
}

.ms-CommandButton-icon .ms-Icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ms-CommandButton-label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 40px;
    height: 100%;
    display: inline-block;
    vertical-align: top
}

.ms-CommandButton-label:hover {
    color: #212121
}

.ms-CommandButton-dropdownIcon,
.ms-CommandButton-splitIcon {
    display: inline-block;
    position: relative;
    color: #333;
    font-size: 12px;
    font-weight: 300;
    min-width: 12px;
    height: 100%;
    vertical-align: top;
    margin-left: 8px
}

.ms-CommandButton-dropdownIcon .ms-Icon,
.ms-CommandButton-splitIcon .ms-Icon {
    line-height: normal;
    padding-top: 16px
}

.ms-CommandButton-dropdownIcon:focus:before,
.ms-CommandButton-splitIcon:focus:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #333;
    position: absolute;
    z-index: 10;
    content: "";
    outline: none
}

@media only screen and (max-width:639px) {
    .ms-CommandButton-dropdownIcon,
    .ms-CommandButton-splitIcon {
        display: none
    }
}

.ms-CommandButton-splitIcon {
    margin-left: -2px;
    width: 27px;
    border: 0
}

.ms-CommandButton-splitIcon .ms-Icon {
    margin-left: -1px;
    position: relative;
    padding-top: 16px
}

.ms-CommandButton-splitIcon .ms-Icon:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: 16px;
    top: 12px;
    left: -8px;
    border-left: 1px solid #c8c8c8
}

.ms-CommandButton.ms-CommandButton--noLabel .ms-CommandButton-icon {
    margin-right: 0
}

.ms-CommandButton.ms-CommandButton--noLabel .ms-CommandButton-label {
    display: none
}

.ms-CommandButton.ms-CommandButton--noLabel .ms-CommandButton-button {
    padding: 0 12px
}

.ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-button {
    background: none
}

.ms-CommandButton.ms-CommandButton--actionButton .ms-CommandButton-button {
    width: 50px;
    height: 40px
}

.ms-CommandButton.ms-CommandButton--actionButton .ms-CommandButton-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    padding-right: 0
}

.ms-CommandButton.ms-CommandButton--pivot.is-active:before,
.ms-CommandButton.ms-CommandButton--pivot:hover:before {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #0078d7;
    bottom: 0;
    z-index: 5
}

.ms-CommandButton.ms-CommandButton--pivot .ms-CommandButton-label,
.ms-CommandButton.ms-CommandButton--textOnly .ms-CommandButton-label {
    display: inline-block
}

@media only screen and (max-width:479px) {
    .ms-CommandButton.ms-CommandButton--pivot .ms-CommandButton-label,
    .ms-CommandButton.ms-CommandButton--textOnly .ms-CommandButton-label {
        font-size: 16px
    }
}

.ms-ContextualMenu {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    display: block;
    min-width: 180px;
    max-width: 220px;
    list-style-type: none;
    position: relative;
    background-color: #fff
}

.ms-ContextualMenu.is-hidden {
    display: none
}

.ms-ContextualMenu-item {
    position: relative
}

.ms-ContextualMenu-link {
    box-sizing: border-box;
    text-decoration: none;
    color: #333;
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    overflow: hidden;
    line-height: 34px;
    padding: 0 16px 0 25px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ms-ContextualMenu-link:active,
.ms-ContextualMenu-link:focus,
.ms-ContextualMenu-link:hover {
    background-color: #f4f4f4;
    color: #212121
}

.ms-ContextualMenu-link:active .ms-ContextualMenu-subMenuIcon,
.ms-ContextualMenu-link:focus .ms-ContextualMenu-subMenuIcon,
.ms-ContextualMenu-link:hover .ms-ContextualMenu-subMenuIcon {
    color: #212121
}

.ms-ContextualMenu-link:focus {
    outline: transparent;
    border: 1px solid #666
}

.ms-ContextualMenu-link.is-selected {
    background-color: #dadada;
    color: #000;
    font-weight: 600
}

.ms-ContextualMenu-link.is-selected~.ms-ContextualMenu-subMenuIcon {
    color: #000
}

.ms-ContextualMenu-link.is-selected:hover {
    background-color: #d0d0d0
}

.ms-ContextualMenu-link.is-disabled {
    color: #a6a6a6;
    background-color: #fff;
    pointer-events: none
}

.ms-ContextualMenu-link.is-disabled:active,
.ms-ContextualMenu-link.is-disabled:focus {
    border-color: #fff
}

.ms-ContextualMenu-link.is-disabled .ms-Icon {
    color: #a6a6a6;
    pointer-events: none;
    cursor: default
}

.ms-ContextualMenu-item.ms-ContextualMenu-item--divider {
    cursor: default;
    display: block;
    height: 1px;
    background-color: #eaeaea;
    position: relative
}

.ms-ContextualMenu-item.ms-ContextualMenu-item--header {
    color: #0078d7;
    font-size: 12px;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px;
    padding: 0 18px
}

.ms-ContextualMenu-item.ms-ContextualMenu-item--hasMenu .ms-ContextualMenu {
    position: absolute;
    top: -1px;
    left: 178px
}

.ms-ContextualMenu-caretRight,
.ms-ContextualMenu-subMenuIcon {
    color: #333;
    font-size: 8px;
    font-weight: 600;
    width: 24px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-item.ms-ContextualMenu-item--header {
    padding: 0 16px 0 26px
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected {
    background-color: #fff;
    font-weight: 600;
    color: #333
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    color: #333;
    content: "\E73E";
    font-size: 10px;
    font-weight: 800;
    height: 36px;
    line-height: 36px;
    position: absolute;
    left: 7px
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:focus,
.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:hover {
    color: #212121;
    background-color: #f4f4f4
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:focus:after,
.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:hover:after {
    color: #212121
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:active {
    color: #000;
    background-color: #d0d0d0
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:active:after {
    color: #000
}

.ms-ContextualMenu.ms-ContextualMenu--hasChecks .ms-ContextualMenu-link,
.ms-ContextualMenu.ms-ContextualMenu--hasIcons .ms-ContextualMenu-link {
    padding-left: 40px
}

.ms-ContextualMenu.ms-ContextualMenu--hasChecks .ms-Icon,
.ms-ContextualMenu.ms-ContextualMenu--hasIcons .ms-Icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    text-align: center
}

.ms-ContextualMenu.ms-ContextualMenu--hasIcons {
    width: 220px
}

.ms-DatePicker {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    margin-bottom: 17px;
    z-index: 300
}

.ms-DatePicker .ms-TextField {
    position: relative
}

.ms-DatePicker-picker {
    color: #000;
    font-size: 14px;
    position: relative;
    text-align: left;
    z-index: 0
}

.ms-DatePicker-event {
    color: #666;
    font-size: 21px;
    line-height: 20px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 5
}

.ms-DatePicker-holder {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    min-width: 300px;
    display: none
}

.ms-DatePicker-picker.ms-DatePicker-picker--opened .ms-DatePicker-holder {
    animation-name: fadeIn, slideDownIn10;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    border: 1px solid #eaeaea;
    display: block
}

.ms-DatePicker-picker--opened {
    position: relative;
    z-index: 10
}

.ms-DatePicker-frame {
    padding: 1px
}

.ms-DatePicker-wrap {
    margin: -1px;
    padding: 9px
}

.ms-DatePicker-dayPicker {
    display: block;
    margin-bottom: 30px
}

.ms-DatePicker-header {
    height: 40px;
    line-height: 44px
}

.ms-DatePicker-month,
.ms-DatePicker-year {
    display: inline-block;
    font-weight: 100;
    font-size: 21px;
    color: #0078d7;
    margin-top: -1px
}

.ms-DatePicker-month:hover,
.ms-DatePicker-year:hover {
    color: #005a9e;
    cursor: pointer
}

.ms-DatePicker-month {
    margin-left: 15px
}

.ms-DatePicker-year {
    margin-left: 5px
}

.ms-DatePicker-table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit
}

.ms-DatePicker-table td {
    margin: 0;
    padding: 0
}

.ms-DatePicker-table td:hover {
    outline: 1px solid transparent
}

.ms-DatePicker-day,
.ms-DatePicker-weekday {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    font-weight: 400;
    font-size: 15px;
    color: #333
}

.ms-DatePicker-day--today {
    position: relative;
    background-color: #b3d6f2
}

.ms-DatePicker-day--disabled:before {
    border-top-color: #a6a6a6
}

.ms-DatePicker-day--outfocus {
    color: #a6a6a6;
    font-weight: 400
}

.ms-DatePicker-day--infocus:hover,
.ms-DatePicker-day--outfocus:hover {
    cursor: pointer;
    color: #000;
    background: #eaeaea
}

.ms-DatePicker-day--highlighted:hover,
.ms-DatePicker-picker--focused .ms-DatePicker-day--highlighted {
    cursor: pointer;
    color: #fff;
    background: #0078d7
}

.ms-DatePicker-day--highlighted.ms-DatePicker-day--disabled,
.ms-DatePicker-day--highlighted.ms-DatePicker-day--disabled:hover {
    background: #a6a6a6
}

.ms-DatePicker-monthPicker,
.ms-DatePicker-yearPicker {
    display: none
}

.ms-DatePicker-monthComponents {
    position: absolute;
    top: 9px;
    right: 9px;
    left: 9px
}

.ms-DatePicker-decadeComponents,
.ms-DatePicker-yearComponents {
    position: absolute;
    right: 10px
}

.ms-DatePicker-nextDecade,
.ms-DatePicker-nextMonth,
.ms-DatePicker-nextYear,
.ms-DatePicker-prevDecade,
.ms-DatePicker-prevMonth,
.ms-DatePicker-prevYear {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-left: 10px;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    color: #666;
    position: relative;
    top: 3px
}

.ms-DatePicker-nextDecade:hover,
.ms-DatePicker-nextMonth:hover,
.ms-DatePicker-nextYear:hover,
.ms-DatePicker-prevDecade:hover,
.ms-DatePicker-prevMonth:hover,
.ms-DatePicker-prevYear:hover {
    color: #212121;
    cursor: pointer;
    outline: 1px solid transparent
}

.ms-DatePicker-headerToggleView {
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: 5;
    cursor: pointer
}

.ms-DatePicker-currentDecade,
.ms-DatePicker-currentYear {
    display: block;
    font-weight: 300;
    font-size: 21px;
    height: 40px;
    line-height: 42px;
    margin-left: 15px
}

.ms-DatePicker-currentYear {
    color: #0078d7
}

.ms-DatePicker-currentYear:hover {
    color: #005a9e;
    cursor: pointer
}

.ms-DatePicker-optionGrid {
    position: relative;
    height: 210px;
    width: 280px;
    margin: 10px 0 30px 5px
}

.ms-DatePicker-monthOption,
.ms-DatePicker-yearOption {
    background-color: #f4f4f4;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    float: left;
    margin: 0 10px 10px 0;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    text-align: center
}

.ms-DatePicker-monthOption:hover,
.ms-DatePicker-yearOption:hover {
    background-color: #c8c8c8;
    outline: 1px solid transparent
}

.ms-DatePicker-monthOption.is-highlighted,
.ms-DatePicker-yearOption.is-highlighted {
    background-color: #333;
    color: #fff
}

.ms-DatePicker-goToday {
    bottom: 9px;
    color: #0078d7;
    cursor: pointer;
    font-weight: 300;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 9px
}

.ms-DatePicker-goToday:hover {
    outline: 1px solid transparent
}

.ms-DatePicker.is-pickingYears .ms-DatePicker-dayPicker,
.ms-DatePicker.is-pickingYears .ms-DatePicker-monthComponents,
.ms-DatePicker.is-pickingYears .ms-DatePicker-monthPicker {
    display: none
}

.ms-DatePicker.is-pickingYears .ms-DatePicker-yearPicker {
    display: block
}

@media (min-width:460px) {
    .ms-DatePicker-holder {
        width: 440px
    }
    .ms-DatePicker-month,
    .ms-DatePicker-year {
        font-weight: 300;
        font-size: 17px;
        color: #333
    }
    .ms-DatePicker-month:hover,
    .ms-DatePicker-year:hover {
        color: #333;
        cursor: default
    }
    .ms-DatePicker-header {
        height: 30px;
        line-height: 28px
    }
    .ms-DatePicker-dayPicker {
        box-sizing: border-box;
        border-right: 1px solid #eaeaea;
        width: 220px;
        margin: -10px 0;
        padding: 10px 0
    }
    .ms-DatePicker-monthPicker {
        display: block
    }
    .ms-DatePicker-monthPicker,
    .ms-DatePicker-yearPicker {
        top: 9px;
        left: 238px;
        position: absolute
    }
    .ms-DatePicker-optionGrid {
        width: 200px;
        height: auto;
        margin: 10px 0 0
    }
    .ms-DatePicker-monthComponents {
        width: 210px
    }
    .ms-DatePicker-month {
        margin-left: 12px
    }
    .ms-DatePicker-day,
    .ms-DatePicker-weekday {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-weight: 600;
        font-size: 12px
    }
    .ms-DatePicker-nextDecade,
    .ms-DatePicker-nextMonth,
    .ms-DatePicker-nextYear,
    .ms-DatePicker-prevDecade,
    .ms-DatePicker-prevMonth,
    .ms-DatePicker-prevYear {
        font-size: 17px;
        width: 30px;
        height: 30px;
        line-height: 29px
    }
    .ms-DatePicker-toggleMonthView {
        display: none
    }
    .ms-DatePicker-currentDecade,
    .ms-DatePicker-currentYear {
        font-size: 17px;
        margin: 0;
        height: 30px;
        line-height: 26px;
        padding: 0 10px;
        display: inline-block
    }
    .ms-DatePicker-monthOption,
    .ms-DatePicker-yearOption {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        margin: 0 10px 10px 0
    }
    .ms-DatePicker-monthOption:hover,
    .ms-DatePicker-yearOption:hover {
        outline: 1px solid transparent
    }
    .ms-DatePicker-goToday {
        box-sizing: border-box;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        right: 10px;
        text-align: right;
        top: 199px;
        width: 210px
    }
    .ms-DatePicker.is-pickingYears .ms-DatePicker-dayPicker,
    .ms-DatePicker.is-pickingYears .ms-DatePicker-monthComponents {
        display: block
    }
    .ms-DatePicker.is-pickingYears .ms-DatePicker-monthPicker {
        display: none
    }
    .ms-DatePicker.is-pickingYears .ms-DatePicker-yearPicker {
        display: block
    }
}

@media (max-width:459px) {
    .ms-DatePicker.is-pickingMonths .ms-DatePicker-dayPicker,
    .ms-DatePicker.is-pickingMonths .ms-DatePicker-monthComponents {
        display: none
    }
    .ms-DatePicker.is-pickingMonths .ms-DatePicker-monthPicker {
        display: block
    }
}

.ms-DetailsList {
    position: relative
}

.ms-DetailsList.is-horizontalConstrained {
    overflow-x: auto;
    overflow-y: inherit
}

.ms-DetailsList-cell {
    word-break: break-word
}

.ms-DetailsHeader {
    display: inline-block;
    min-width: 100%;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    padding-bottom: 1px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ms-DetailsHeader.is-singleSelect {
    padding-left: 40px
}

.ms-DetailsHeader.is-resizingColumn .ms-DetailsHeader-sizerCover {
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    cursor: col-resize
}

.ms-DetailsHeader-cell.is-check .ms-Check-circle {
    visibility: hidden
}

.ms-DetailsHeader-cell.is-check:hover .ms-Check-circle,
.ms-DetailsHeader.is-allSelected .ms-Check-circle {
    visibility: visible
}

.ms-DetailsHeader-cellWrapper {
    display: inline-block;
    position: relative
}

.ms-DetailsHeader-cellSizeWrapper {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px
}

.ms-DetailsHeader-cellSizeWrapper:last-child {
    margin-right: 0
}

.ms-DetailsHeader-filterChevron.ms-Icon {
    color: #a6a6a6;
    padding-left: 4px;
    vertical-align: middle
}

.ms-DetailsHeader-cell {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 8px;
    color: #a6a6a6;
    border: 0;
    background: none;
    line-height: inherit;
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    height: 36px;
    vertical-align: top
}

.ms-DetailsHeader-cell.is-check {
    position: relative;
    padding: 8px 10px;
    margin: 0
}

.ms-DetailsHeader-cell:focus {
    outline: transparent
}

.ms-DetailsHeader-cell.is-sortable {
    color: #000;
    cursor: default
}

.ms-DetailsHeader-cell.is-sortable:hover {
    background-color: #eaeaea
}

.ms-DetailsHeader-cell.is-filter {
    position: absolute;
    right: 0;
    width: 20px;
    top: 0;
    bottom: 0;
    padding: 0;
    text-align: center;
    color: #000
}

.ms-DetailsHeader-cell.is-filter:hover {
    background-color: #eaeaea
}

.ms-DetailsHeader-cell.is-filter:before {
    content: "";
    position: absolute;
    border-left: 1px solid #a6a6a6;
    top: 10px;
    bottom: 10px;
    left: 0
}

.ms-DetailsHeader-cell.is-sizer {
    position: absolute;
    width: 16px;
    cursor: col-resize;
    bottom: 0;
    top: 0;
    height: inherit;
    z-index: 99
}

.ms-DetailsHeader-cell.is-sorted.is-sortable .ms-DetailsHeader-sortArrow {
    display: inline
}

.ms-DetailsHeader-cellis-sortedDescending .ms-DetailsHeader-sortArrow {
    transform: rotate(180deg)
}

.ms-DetailsHeader-cell.is-resizing.is-sizer:after,
.ms-DetailsHeader-cell.is-sizer:hover:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #eaeaea;
    border: 1px solid #fff
}

.ms-DetailsHeader-cell:focus:before,
.ms-Fabric.is-focusVisible .ms-DetailsHeader-cell:focus:before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #a6a6a6
}

.ms-DetailsHeader-sortArrow.ms-Icon {
    font-size: 12px;
    margin-right: 4px;
    display: none;
    color: #a6a6a6
}

.ms-DetailsRow {
    position: relative;
    display: inline-block;
    min-width: 100%;
    min-height: 36px;
    vertical-align: top;
    white-space: nowrap;
    padding: 10px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    box-sizing: border-box
}

.ms-DetailsRow:focus {
    outline: transparent
}

.ms-DetailsRow.ms-DetailsRow.is-selected {
    background: #deecf9
}

.ms-DetailsRow:hover,
.ms-Fabric.is-stationary .ms-DetailsRow:hover {
    background: #eff6fc
}

.ms-DetailsRow.is-selected:hover,
.ms-Fabric.is-stationary .ms-DetailsRow.is-selected:hover {
    background: #b3d6f2
}

.ms-DetailsRow-cell {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 8px;
    vertical-align: top;
    white-space: normal;
    word-break: break-word;
    margin-right: 16px
}

.ms-DetailsRow-cell.is-clipped {
    overflow: hidden
}

.ms-DetailsRow-cell:last-child {
    margin-right: 0
}

.ms-DetailsRow-cellIcon {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    bottom: -2px
}

.ms-DetailsRow-check {
    display: inline-block;
    cursor: default;
    padding: 10px;
    margin: -10px 0;
    box-sizing: border-box;
    vertical-align: top;
    background: none;
    border: 0;
    visibility: hidden
}

.ms-DetailsRow-check:focus {
    outline: transparent
}

.ms-DetailsRow.is-selected .ms-DetailsRow-check,
.ms-DetailsRow:hover .ms-DetailsRow-check,
.ms-Fabric.is-stationary .ms-DetailsRow:hover .ms-DetailsRow-check {
    visibility: visible
}

.ms-DetailsRow:focus .ms-DetailsRow-focusBox,
.ms-Fabric.is-focusVisible .ms-DetailsRow:focus .ms-DetailsRow-focusBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #a6a6a6
}

.ms-DetailsRow-cellMeasurer {
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    top: -1000000000
}

.ms-Check {
    display: inline-block;
    cursor: default;
    line-height: 0;
    vertical-align: top
}

.ms-Check.is-checked .ms-Check-circle {
    fill: #0078d7;
    stroke: #fff;
    stroke-width: 1px
}

.ms-Check.is-checked .ms-Check-check {
    stroke: #fff
}

.ms-Check-circle {
    fill: #fff;
    stroke: #c8c8c8
}

.ms-Check-check {
    stroke: #c8c8c8
}

.ms-Dialog {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    background-color: #fff;
    display: none;
    height: auto;
    min-width: 220px;
    max-width: 340px;
    padding: 28px 24px;
    z-index: 10;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.ms-Dialog.is-open {
    display: block
}

.ms-Dialog-title {
    font-size: 21px;
    font-weight: 100;
    margin-bottom: 24px
}

.ms-Dialog-content {
    position: relative
}

.ms-Dialog-subText {
    color: #333;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5
}

.ms-Dialog-actions {
    margin-top: 24px;
    text-align: right
}

.ms-Dialog--multiline .ms-Dialog-title {
    font-size: 28px
}

.ms-Dialog.ms-Dialog--lgHeader .ms-Dialog-title {
    background-color: #0078d7;
    color: #fff;
    font-size: 28px;
    font-weight: 100;
    padding: 28px 24px;
    margin-top: -28px;
    margin-left: -24px;
    margin-right: -24px
}

.ms-Dialog-buttonClose {
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10
}

.ms-Dialog-buttonClose .ms-Icon.ms-Icon--Cancel {
    color: #666;
    font-size: 16px
}

.ms-Button.ms-Button--compound:not(:last-child) {
    margin-bottom: 20px
}

.ms-Dialog.ms-Dialog--close:not(.ms-Dialog--lgHeader) .ms-Dialog-title {
    margin-right: 20px
}

.ms-Dialog.ms-Dialog--close:not(.ms-Dialog--lgHeader) .ms-Dialog-button.ms-Dialog-buttonClose {
    display: block
}

@media (min-width:480px) {
    .ms-Dialog-main {
        width: auto;
        min-width: 288px;
        max-width: 340px
    }
}

.ms-Dropdown {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    outline: 0
}

.ms-Dropdown:active .ms-Dropdown-caretDown,
.ms-Dropdown:active .ms-Dropdown-title,
.ms-Dropdown:focus .ms-Dropdown-caretDown,
.ms-Dropdown:focus .ms-Dropdown-title,
.ms-Dropdown:hover .ms-Dropdown-caretDown,
.ms-Dropdown:hover .ms-Dropdown-title {
    color: #000
}

.ms-Dropdown:active .ms-Dropdown-title,
.ms-Dropdown:hover .ms-Dropdown-title {
    border-color: #767676
}

.ms-Dropdown:focus .ms-Dropdown-title {
    border-color: #0078d7
}

.ms-Dropdown .ms-Label {
    display: inline-block;
    margin-bottom: 8px
}

.ms-Dropdown.is-disabled .ms-Dropdown-title {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #a6a6a6;
    cursor: default
}

@media screen and (-ms-high-contrast:active) {
    .ms-Dropdown.is-disabled .ms-Dropdown-title {
        border-color: #0f0;
        color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Dropdown.is-disabled .ms-Dropdown-title {
        border-color: #600000;
        color: #600000
    }
}

.ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
    color: #a6a6a6
}

@media screen and (-ms-high-contrast:active) {
    .ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
        color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
        color: #600000
    }
}

.ms-Dropdown.is-open .ms-Dropdown-items {
    display: block;
    position: absolute
}

.ms-Panel .ms-Dropdown-items {
    box-shadow: none;
    overflow-y: auto;
    padding-top: 4px;
    max-height: 100%
}

.ms-Panel .ms-Dropdown-items .ms-Dropdown-item {
    padding: 7px 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ms-Panel .ms-Dropdown-items:before {
    content: none;
    border: 0
}

.ms-Dropdown-select {
    display: none
}

.ms-Dropdown-caretDown {
    color: #212121;
    font-size: 12px;
    position: absolute;
    right: 13px;
    bottom: 9px;
    z-index: 1;
    pointer-events: none
}

.ms-Dropdown-title {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    background: #fff;
    border: 1px solid #c8c8c8;
    cursor: pointer;
    display: block;
    height: 32px;
    padding: 5px 32px 0 10px;
    position: relative;
    overflow: hidden
}

.ms-Dropdown-title.ms-Dropdown-truncator {
    height: auto;
    display: block;
    position: absolute;
    visibility: hidden
}

.ms-Dropdown-items {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    background-color: #fff;
    display: none;
    list-style-type: none;
    position: absolute;
    width: 100%;
    max-height: 200px;
    z-index: 400;
    overflow-y: scroll;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: 100%
}

.ms-Dropdown-items:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #eaeaea
}

@media screen and (-ms-high-contrast:active) {
    .ms-Dropdown-items {
        border: 1px solid #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Dropdown-items {
        border: 1px solid #000
    }
}

.ms-Dropdown-item {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    padding: 7px 10px;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (-ms-high-contrast:active) {
    .ms-Dropdown-item {
        border-color: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Dropdown-item {
        border-color: #fff
    }
}

.ms-Dropdown-item:hover {
    background-color: #eaeaea;
    color: #000
}

@media screen and (-ms-high-contrast:active) {
    .ms-Dropdown-item:hover {
        background-color: #1aebff;
        border-color: #1aebff;
        color: #000
    }
    .ms-Dropdown-item:hover:focus {
        border-color: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Dropdown-item:hover {
        background-color: #37006e;
        border-color: #37006e;
        color: #fff
    }
}

.ms-Dropdown-item:active {
    background-color: #eaeaea;
    border-color: #0078d7;
    color: #000
}

.ms-Dropdown-item.is-disabled {
    background: #fff;
    color: #a6a6a6;
    cursor: default
}

.ms-Dropdown-item.is-selected,
.ms-Dropdown-item.ms-Dropdown-item--selected {
    background-color: #b3d6f2;
    color: #000
}

.ms-Dropdown-item.is-selected:hover,
.ms-Dropdown-item.ms-Dropdown-item--selected:hover {
    background-color: #b3d6f2
}

@media screen and (-ms-high-contrast:active) {
    .ms-Dropdown-item.is-selected,
    .ms-Dropdown-item.ms-Dropdown-item--selected {
        background-color: #1aebff;
        border-color: #1aebff;
        color: #000
    }
    .ms-Dropdown-item.is-selected:focus,
    .ms-Dropdown-item.ms-Dropdown-item--selected:focus {
        border-color: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Dropdown-item.is-selected,
    .ms-Dropdown-item.ms-Dropdown-item--selected {
        background-color: #37006e;
        border-color: #37006e;
        color: #fff
    }
}

.ms-FacePile {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: 32px;
    width: auto
}

.ms-FacePile .ms-FacePile-personaCardHost {
    display: none
}

.ms-FacePile-addButton {
    background: none;
    border: 0;
    cursor: pointer;
    position: relative;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    float: left;
    padding: 0;
    margin-right: 4px;
    outline: transparent;
    border-radius: 50%;
    vertical-align: top
}

.ms-FacePile-addButton .ms-Persona-details,
.ms-FacePile-addButton .ms-Persona-presence {
    display: none
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson {
    background-color: #0078d7;
    color: #fff;
    font-size: 16px
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:focus,
.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:hover {
    background-color: #005a9e
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:active {
    background-color: #004578
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:disabled {
    background-color: #c8c8c8
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow {
    background-color: #eaeaea;
    color: #666;
    display: none
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow.is-active {
    display: block
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow:hover {
    color: #212121
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow:disabled {
    color: #c8c8c8
}

.ms-FacePile-addPersonIcon {
    position: relative;
    top: -1px
}

.ms-FacePile-overflowText {
    font-size: 14px
}

.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-Panel-headerText,
.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-resultAction,
.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-results,
.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-searchBox {
    display: none
}

.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-selectedHeader {
    font-weight: 100;
    font-size: 21px;
    color: #333;
    line-height: 82px;
    height: 74px;
    text-transform: none
}

.ms-Link {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: #0078d7;
    text-decoration: none;
    cursor: pointer;
    outline: none
}

.ms-Link:focus,
.ms-Link:hover {
    color: #004578
}

.ms-Link:active {
    color: #0078d7
}

.ms-List {
    padding: 0;
    list-style-type: none
}

.ms-List,
.ms-ListItem {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.ms-ListItem {
    padding: 0;
    *zoom: 1;
    padding: 9px 28px 3px;
    position: relative;
    display: block
}

.ms-ListItem:after,
.ms-ListItem:before {
    display: table;
    content: "";
    line-height: 0
}

.ms-ListItem:after {
    clear: both
}

.ms-ListItem-primaryText,
.ms-ListItem-secondaryText,
.ms-ListItem-tertiaryText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.ms-ListItem-primaryText {
    color: #212121;
    font-weight: 300;
    font-size: 21px;
    padding-right: 80px;
    position: relative;
    top: -4px
}

.ms-ListItem-secondaryText {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    position: relative;
    top: -7px;
    padding-right: 30px
}

.ms-ListItem-tertiaryText {
    color: #767676;
    font-weight: 300;
    font-size: 14px;
    position: relative;
    top: -9px;
    margin-bottom: -4px;
    padding-right: 30px
}

.ms-ListItem-metaText {
    color: #333;
    font-weight: 300;
    font-size: 11px;
    position: absolute;
    right: 30px;
    top: 39px
}

.ms-ListItem-image {
    float: left;
    height: 70px;
    margin-left: -8px;
    margin-right: 10px;
    width: 70px;
    background-color: #333
}

.ms-ListItem-selectionTarget {
    display: none
}

.ms-ListItem-actions {
    max-width: 80px;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 10px
}

.ms-ListItem-action {
    color: #a6a6a6;
    display: inline-block;
    font-size: 15px;
    position: relative;
    text-align: center;
    top: 3px;
    cursor: pointer;
    height: 16px;
    width: 16px
}

.ms-ListItem-action .ms-Icon {
    vertical-align: top
}

.ms-ListItem-action:hover {
    color: #666;
    outline: 1px solid transparent
}

.ms-ListItem.is-unread {
    border-left: 3px solid #0078d7;
    padding-left: 27px
}

.ms-ListItem.is-unread .ms-ListItem-metaText,
.ms-ListItem.is-unread .ms-ListItem-secondaryText {
    color: #0078d7;
    font-weight: 600
}

.ms-ListItem.is-unseen:after {
    border-right: 10px solid transparent;
    border-top: 10px solid #0078d7;
    left: 0;
    position: absolute;
    top: 0
}

.ms-ListItem.is-selectable .ms-ListItem-selectionTarget {
    display: block;
    height: 20px;
    left: 6px;
    position: absolute;
    top: 13px;
    width: 20px
}

.ms-ListItem.is-selectable .ms-ListItem-image {
    margin-left: 0
}

.ms-ListItem.is-selectable:hover {
    background-color: #eaeaea;
    cursor: pointer;
    outline: 1px solid transparent
}

.ms-ListItem.is-selectable:hover:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 14px;
    left: 7px;
    height: 15px;
    width: 15px;
    border: 1px solid #767676
}

.ms-ListItem.is-selected:before {
    border: 1px solid transparent
}

.ms-ListItem.is-selected:before,
.ms-ListItem.is-selected:hover:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    content: "\E73A";
    font-size: 17px;
    color: #767676;
    position: absolute;
    top: 23px;
    left: 7px;
    border: 0
}

.ms-ListItem.is-selected:hover {
    background-color: #b3d6f2;
    outline: 1px solid transparent
}

.ms-ListItem.ms-ListItem--document {
    padding: 0
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-itemIcon {
    width: 70px;
    height: 70px;
    float: left;
    text-align: center
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-itemIcon .ms-Icon {
    font-size: 38px;
    line-height: 70px;
    color: #666
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-primaryText {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    padding-top: 15px;
    padding-right: 0;
    position: static
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-secondaryText {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-weight: 400;
    font-size: 11px;
    padding-top: 6px
}

.ms-MessageBanner {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #767676;
    background-color: #eff6fc;
    min-width: 320px;
    width: 100%;
    height: 52px;
    text-align: center;
    overflow: hidden;
    animation-name: fadeIn, slideDownIn20;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

.ms-MessageBanner .ms-Icon {
    font-size: 16px
}

.ms-MessageBanner.hide {
    animation-name: fadeOut, slideUpOut20;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

.ms-MessageBanner.is-hidden {
    display: none
}

.ms-MessageBanner-close,
.ms-MessageBanner-expand {
    height: 52px;
    width: 40px;
    cursor: pointer;
    border: 0;
    background-color: transparent
}

.ms-MessageBanner-close {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 52px;
    color: #666
}

.ms-MessageBanner-text {
    display: inline-block;
    padding: 18px 0;
    margin-left: 0;
    max-width: 770px;
    overflow: hidden;
    text-align: left
}

.ms-MessageBanner-expand {
    display: none;
    vertical-align: top
}

.ms-MessageBanner-expand.is-visible {
    display: inline-block
}

.ms-MessageBanner-action {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 10px;
    padding-right: 36px
}

.ms-MessageBanner-action .ms-Button {
    color: #fff
}

.ms-MessageBanner-clipper {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top
}

.ms-MessageBanner.is-expanded {
    height: auto
}

.ms-MessageBanner.is-expanded .ms-MessageBanner-clipper {
    white-space: normal
}

@media screen and (max-width:479px) {
    .ms-MessageBanner-action {
        margin: 0;
        display: block;
        text-align: right;
        padding: 0 10px 10px 0
    }
    .ms-MessageBanner-text {
        margin-left: -25px;
        padding: 18px 0 10px;
        min-width: 240px
    }
    .ms-MessageBanner-expand {
        display: inline-block;
        padding: 0;
        margin-left: -5px;
        width: 20px
    }
    .ms-MessageBanner-expand .ms-Icon {
        color: #0078d7
    }
}

.ms-ContextualHost {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    z-index: 10;
    margin: 16px auto;
    position: relative;
    min-width: 10px;
    display: none;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4)
}

.ms-ContextualHost.is-positioned {
    position: absolute;
    margin: 0
}

.ms-ContextualHost.is-open {
    display: inline-block
}

.ms-ContextualHost-beak {
    box-shadow: 0 0 15px -5px #3c3c3c;
    position: absolute;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    top: -6px;
    display: none;
    transform: rotate(45deg);
    z-index: 0;
    outline: 1px solid transparent
}

.ms-ContextualHost.ms-ContextualHost--arrowLeft .ms-ContextualHost-beak,
.ms-ContextualHost.ms-ContextualHost--arrowRight .ms-ContextualHost-beak {
    top: 40px;
    display: none
}

.ms-ContextualHost.ms-ContextualHost--arrowLeft .ms-ContextualHost-beak {
    left: -10px
}

.ms-ContextualHost.ms-ContextualHost--arrowRight .ms-ContextualHost-beak {
    right: -10px
}

.ms-ContextualHost.ms-ContextualHost--arrowTop .ms-ContextualHost-beak {
    display: block;
    top: -10px
}

.ms-ContextualHost.ms-ContextualHost--arrowBottom .ms-ContextualHost-beak {
    display: block;
    bottom: -10px
}

.ms-ContextualHost-main {
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    outline: 1px solid transparent;
    z-index: 5;
    min-height: 10px
}

.ms-ContextualHost-close {
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 8px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: #666;
    z-index: 10
}

.ms-ContextualHost.ms-ContextualHost--close .ms-ContextualHost-title {
    margin-right: 20px
}

.ms-ContextualHost.ms-ContextualHost--primaryArrow .ms-ContextualHost-beak {
    background-color: #0078d7
}

@media (min-width:480px) {
    .ms-ContextualHost {
        margin: 16px
    }
    .ms-ContextualHost.is-positioned {
        margin: 0
    }
    .ms-ContextualHost.ms-ContextualHost--arrowLeft .ms-ContextualHost-beak,
    .ms-ContextualHost.ms-ContextualHost--arrowRight .ms-ContextualHost-beak {
        display: block
    }
}

.ms-MessageBar {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 8px;
    display: table;
    background-color: #f4f4f4
}

.ms-MessageBar .ms-Link {
    font-size: 12px
}

.ms-MessageBar-icon,
.ms-MessageBar-text {
    display: table-cell;
    vertical-align: top
}

.ms-MessageBar-icon {
    padding-right: 8px;
    font-size: 16px;
    color: #767676
}

.ms-MessageBar-text {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-weight: 400
}

.ms-MessageBar.ms-MessageBar--warning {
    background-color: #fff4ce
}

.ms-MessageBar.ms-MessageBar--severeWarning {
    background-color: #fed9cc
}

.ms-MessageBar.ms-MessageBar--severeWarning .ms-MessageBar-icon {
    color: #d83b01
}

.ms-MessageBar.ms-MessageBar--error {
    background-color: #fde7e9
}

.ms-MessageBar.ms-MessageBar--error .ms-MessageBar-icon {
    color: #a80000
}

.ms-MessageBar.ms-MessageBar--blocked {
    background-color: #fde7e9
}

.ms-MessageBar.ms-MessageBar--blocked .ms-MessageBar-icon {
    color: #a80000
}

.ms-MessageBar.ms-MessageBar--success {
    background-color: #dff6dd
}

.ms-MessageBar.ms-MessageBar--success .ms-MessageBar-icon {
    color: #107c10
}

.ms-OrgChart {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.ms-OrgChart-groupTitle {
    color: #666;
    line-height: 1
}

.ms-OrgChart-list {
    padding: 0;
    margin: 12px 0 16px
}

.ms-OrgChart-listItem {
    height: 50px;
    width: 100%;
    position: relative;
    list-style: none;
    margin-bottom: 8px
}

.ms-OrgChart-listItemBtn {
    cursor: pointer;
    position: relative;
    height: 50px;
    width: 100%;
    background: none;
    border: 0;
    text-align: left;
    margin: 0;
    padding: 0
}

.ms-Overlay {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: hsla(0, 0%, 100%, .4);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    display: none
}

.ms-Overlay.is-visible {
    display: block
}

.ms-Overlay--dark {
    background-color: rgba(0, 0, 0, .4)
}

.ms-u-overflowHidden {
    overflow: hidden
}

.ms-Panel {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    width: 100%;
    max-width: 340px;
    box-shadow: -30px 0 30px -30px rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    height: 100%
}

.ms-Panel.animate-in {
    animation-name: fadeIn, slideLeftIn40;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

.ms-Panel.animate-out {
    animation-name: fadeOut, slideRightOut40;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

.ms-Panel.is-open {
    display: block
}

.ms-Panel .ms-CommandBar {
    padding-right: 0;
    padding-left: 8px
}

.ms-Panel.ms-Panel--md {
    max-width: 340px
}

.ms-Panel.ms-Panel--lg {
    max-width: 644px
}

.ms-Panel.ms-Panel--xl {
    max-width: 940px
}

.ms-Panel.ms-Panel--xxl {
    max-width: 1192px
}

.ms-Panel--left {
    box-shadow: -30px 0 30px 30px rgba(0, 0, 0, .2);
    left: 0;
    right: auto
}

.ms-Panel--left.animate-in {
    animation-name: fadeIn, slideRightIn40;
    -webkit-animation-duration: .367s;
    -moz-animation-duration: .367s;
    -ms-animation-duration: .367s;
    -o-animation-duration: .367s;
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-fill-mode: both
}

.ms-Panel--left.animate-out {
    animation-name: fadeOut, slideLeftOut40;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both
}

.ms-Panel-closeButton {
    background: none;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0;
    color: #666;
    font-size: 16px
}

.ms-Panel-closeButton:hover {
    color: #333
}

.ms-Panel-closeButton .ms-Icon--Cancel {
    margin-top: 2px
}

@media (max-width:639px) {
    .ms-Panel-closeButton {
        font-size: 20px;
        line-height: 20px;
        height: 44px;
        right: 4px
    }
}

.ms-Panel-contentInner {
    margin-top: 40px;
    padding: 0 16px 20px;
    overflow-y: auto;
    height: 100%
}

@media (min-width:640px) {
    .ms-Panel-contentInner {
        padding: 0 32px 20px
    }
}

@media (min-width:1366px) {
    .ms-Panel-contentInner {
        padding: 0 40px 20px
    }
}

.ms-Panel-headerText {
    font-weight: 100;
    font-size: 21px;
    color: #333;
    margin: 10px 0;
    padding: 4px 0;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width:1024px) {
    .ms-Panel-headerText {
        margin-top: 30px
    }
}

.ms-PanelHost {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.ms-PanelHost .ms-Overlay {
    cursor: pointer
}

.ms-PeoplePicker {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    margin-bottom: 10px
}

.ms-PeoplePicker-searchBox {
    border-bottom: 1px solid #c8c8c8;
    cursor: text;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ms-PeoplePicker-searchBox:hover {
    border-color: #767676
}

.ms-PeoplePicker-searchBox.is-active,
.ms-PeoplePicker-searchBox:focus {
    border-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
    .ms-PeoplePicker-searchBox:focus,
    .ms-PeoplePicker-searchBox:hover {
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-PeoplePicker-searchBox:focus,
    .ms-PeoplePicker-searchBox:hover {
        border-color: #37006e
    }
}

.ms-PeoplePicker-searchBox::-webkit-input-placeholder {
    color: #666
}

.ms-PeoplePicker-searchBox:-moz-placeholder,
.ms-PeoplePicker-searchBox::-moz-placeholder {
    color: #666
}

.ms-PeoplePicker-searchBox:-ms-input-placeholder {
    color: #666
}

.ms-PeoplePicker-searchBox .ms-TextField.ms-TextField--textFieldUnderlined {
    border: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    -ms-flex: 1;
    flex: 1
}

.ms-PeoplePicker-searchBox .ms-TextField.ms-TextField--textFieldUnderlined .ms-TextField-field {
    min-height: 40px;
    border: 0
}

.ms-PeoplePicker.is-active .ms-PeoplePicker-searchBox .ms-TextField-field {
    border-color: #0078d7
}

.ms-PeoplePicker-persona {
    cursor: pointer
}

.ms-PeoplePicker-persona.has-error .ms-Persona-primaryText {
    color: #a80000
}

.ms-PeoplePicker-personaRemove {
    background: none;
    border: 0;
    cursor: pointer;
    background-color: #f4f4f4;
    color: #666;
    display: inline-block;
    text-align: center;
    height: 32px;
    width: 32px
}

.ms-PeoplePicker-personaRemove:hover {
    background-color: #eaeaea;
    color: #333;
    cursor: pointer
}

.ms-PeoplePicker-personaRemove:focus {
    background-color: #eaeaea;
    color: #333;
    border: 1px solid #0078d7;
    outline: none
}

.ms-PeoplePicker-results {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    margin-bottom: -1px;
    padding-top: 9px;
    width: 100%;
    padding-left: 0;
    box-sizing: border-box
}

.ms-PeoplePicker.is-active .ms-PeoplePicker-results {
    display: block;
    opacity: 1
}

.ms-PeoplePicker-resultGroup {
    border-top: 1px solid #eaeaea
}

.ms-PeoplePicker-resultGroup:first-child {
    border-top: 0
}

.ms-PeoplePicker-resultGroupTitle {
    color: #0078d7;
    font-weight: 300;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    padding-left: 16px
}

.ms-PeoplePicker-resultList {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    margin-bottom: -1px;
    list-style-type: none
}

.ms-PeoplePicker-result {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 16px;
    cursor: pointer;
    outline: 0
}

.ms-PeoplePicker-result:focus,
.ms-PeoplePicker-result:hover {
    background-color: #eaeaea
}

.ms-PeoplePicker-result:focus {
    box-shadow: inset 0 0 0 1px #0078d7
}

.ms-PeoplePicker-result.is-selected {
    background-color: #b3d6f2
}

.ms-PeoplePicker-result.is-selected .ms-PeoplePicker-resultAction:active,
.ms-PeoplePicker-result.is-selected .ms-PeoplePicker-resultAction:hover {
    background-color: #69afe5
}

.ms-PeoplePicker-peopleListBtn,
.ms-PeoplePicker-resultBtn {
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    height: 34px;
    width: 100%;
    background: none;
    border: 0;
    text-align: left;
    margin: 0 0 10px;
    padding: 0 0 0 9px
}

@media (min-width:480px) {
    .ms-PeoplePicker-peopleListBtn,
    .ms-PeoplePicker-resultBtn {
        height: 48px
    }
}

.ms-PeoplePicker-peopleListBtn:hover,
.ms-PeoplePicker-resultBtn:hover {
    background-color: #eaeaea;
    outline: 1px solid transparent
}

.ms-PeoplePicker-peopleListBtn:focus,
.ms-PeoplePicker-resultBtn:focus {
    outline: 1
}

.ms-PeoplePicker-peopleListBtn.ms-PeoplePicker-resultBtn--compact,
.ms-PeoplePicker-resultBtn.ms-PeoplePicker-resultBtn--compact {
    height: 32px
}

.ms-PeoplePicker-peopleListBtn {
    margin-bottom: 0;
    padding: 0
}

.ms-PeoplePicker-peopleListBtn:hover {
    background-color: transparent
}

.ms-PeoplePicker-resultAction {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    height: 100%;
    transition: background-color .367s cubic-bezier(.1, .9, .2, 1);
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    text-align: center
}

.ms-PeoplePicker-resultAction .ms-Icon {
    color: #666;
    font-size: 15px
}

.ms-PeoplePicker-resultAction:hover {
    background-color: #c8c8c8;
    outline: 1px solid transparent
}

.ms-PeoplePicker-resultAction:active {
    background-color: #a6a6a6
}

.ms-PeoplePicker-resultAdditionalContent {
    display: none
}

.ms-PeoplePicker-result.is-expanded {
    background-color: #f4f4f4;
    margin-bottom: 11px
}

.ms-PeoplePicker-result.is-expanded .ms-PeoplePicker-resultAction .ms-Icon {
    transform: rotate(180deg)
}

.ms-PeoplePicker-result.is-expanded .ms-PeoplePicker-resultAdditionalContent {
    display: block
}

.ms-PeoplePicker-searchMore {
    background: none;
    border: 0;
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 100%
}

.ms-PeoplePicker-searchMore:hover {
    background-color: #f4f4f4
}

.ms-PeoplePicker-searchMoreIcon {
    font-size: 21px;
    height: 40px;
    left: 16px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px
}

.ms-PeoplePicker-searchMoreText {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    height: 40px;
    left: 64px;
    line-height: 40px;
    position: absolute;
    top: 0
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--compact .ms-PeoplePicker-resultAction {
    height: 32px;
    width: 32px
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--compact .ms-PeoplePicker-resultGroups {
    max-height: 209px
}

.ms-PeoplePicker.ms-PeoplePicker--facePile.is-searching .ms-PeoplePicker-results {
    border-bottom: 0;
    padding: 20px 0 0
}

.ms-PeoplePicker.ms-PeoplePicker--facePile.is-searching .ms-PeoplePicker-peopleListHeader {
    display: none
}

.ms-PeoplePicker.ms-PeoplePicker--facePile .ms-PersonaCard {
    display: none;
    position: absolute;
    height: 200px
}

.ms-PeoplePicker.ms-PeoplePicker--facePile .ms-PersonaCard.is-active {
    display: block
}

.ms-PeoplePicker.ms-PeoplePicker--facePile .ms-Persona.ms-Persona--selectable {
    padding: 0
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile {
    position: relative;
    border: 0;
    box-shadow: none;
    margin: 0;
    max-width: 100%;
    border-bottom: 1px solid #eaeaea
}

@media (max-width:479px) {
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-placeholder,
    .ms-PeoplePicker-selectedPeople .ms-Persona-placeholder {
        font-size: 28px;
        top: 6px
    }
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-initials,
    .ms-PeoplePicker-selectedPeople .ms-Persona-initials {
        font-size: 12px;
        line-height: 32px
    }
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-presence,
    .ms-PeoplePicker-selectedPeople .ms-Persona-presence {
        left: 19px
    }
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-details,
    .ms-PeoplePicker-selectedPeople .ms-Persona-details {
        padding-left: 8px
    }
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-primaryText,
    .ms-PeoplePicker-selectedPeople .ms-Persona-primaryText {
        font-size: 14px;
        padding-top: 3px
    }
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-secondaryText,
    .ms-PeoplePicker-selectedPeople .ms-Persona-secondaryText {
        display: none
    }
}

@media (min-width:480px) {
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona .ms-Persona-secondaryText,
    .ms-PeoplePicker-selectedPeople .ms-Persona .ms-Persona-secondaryText {
        display: block
    }
}

@media (min-width:480px) {
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-peopleListBtn,
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-resultAction,
    .ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-resultBtn,
    .ms-PeoplePicker-selectedPeople .ms-PeoplePicker-peopleListBtn,
    .ms-PeoplePicker-selectedPeople .ms-PeoplePicker-resultAction,
    .ms-PeoplePicker-selectedPeople .ms-PeoplePicker-resultBtn {
        height: 40px
    }
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-selected,
.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-selected {
    margin-bottom: 20px;
    display: none
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-selected.is-active,
.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-selected.is-active {
    display: block
}

.ms-PeoplePicker-peopleListHeader,
.ms-PeoplePicker-selectedHeader {
    color: #0078d7;
    font-size: 12px;
    font-weight: 400;
    height: 50px;
    line-height: 50px
}

.ms-PeoplePicker-peopleList,
.ms-PeoplePicker-selectedPeople {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    list-style: none
}

.ms-PeoplePicker-selectedPerson {
    margin-bottom: 8px;
    position: relative
}

.ms-PeoplePicker-peopleListItem {
    margin-bottom: 6px;
    position: relative
}

.ms-Persona {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    width: 100%;
    height: 48px;
    display: table;
    table-layout: fixed;
    border-collapse: separate
}

.ms-Persona .ms-ContextualHost {
    display: none
}

.ms-Persona-imageArea {
    position: absolute;
    overflow: hidden;
    text-align: center;
    max-width: 48px;
    height: 48px;
    border-radius: 50%;
    z-index: 0;
    width: 100%;
    top: 0;
    left: 0
}

@media screen and (-ms-high-contrast:active) {
    .ms-Persona-imageArea {
        border: 1px solid #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Persona-imageArea {
        border: 1px solid #000
    }
}

.ms-Persona-placeholder {
    color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    font-size: 47px;
    top: 9px;
    z-index: 5
}

.ms-Persona-initials {
    color: #fff;
    font-size: 17px;
    font-weight: 100;
    line-height: 48px
}

.ms-Persona-initials.ms-Persona-initials--blueLight {
    background-color: #00bcf2
}

.ms-Persona-initials.ms-Persona-initials--blue {
    background-color: #0078d7
}

.ms-Persona-initials.ms-Persona-initials--blueDark {
    background-color: #002050
}

.ms-Persona-initials.ms-Persona-initials--teal {
    background-color: #008272
}

.ms-Persona-initials.ms-Persona-initials--greenLight {
    background-color: #bad80a
}

.ms-Persona-initials.ms-Persona-initials--green {
    background-color: #107c10
}

.ms-Persona-initials.ms-Persona-initials--greenDark {
    background-color: #004b1c
}

.ms-Persona-initials.ms-Persona-initials--magentaLight {
    background-color: #e3008c
}

.ms-Persona-initials.ms-Persona-initials--magenta {
    background-color: #b4009e
}

.ms-Persona-initials.ms-Persona-initials--purpleLight {
    background-color: #b4a0ff
}

.ms-Persona-initials.ms-Persona-initials--purple {
    background-color: #5c2d91
}

.ms-Persona-initials.ms-Persona-initials--black {
    background-color: #000
}

.ms-Persona-initials.ms-Persona-initials--orange {
    background-color: #d83b01
}

.ms-Persona-initials.ms-Persona-initials--red {
    background-color: #e81123
}

.ms-Persona-initials.ms-Persona-initials--redDark {
    background-color: #a80000
}

.ms-Persona-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    z-index: 10;
    width: 100%
}

.ms-Persona-image[src=""] {
    display: none
}

.ms-Persona-presence {
    background-color: #7fba00;
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    top: auto;
    left: 34px;
    bottom: -1px;
    border: 2px solid #fff;
    text-align: center
}

@media screen and (-ms-high-contrast:active) {
    .ms-Persona-presence {
        border-color: #000;
        box-shadow: inset 0 0 0 1px #1aebff;
        color: #000;
        background-color: #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Persona-presence {
        border-color: #fff;
        box-shadow: inset 0 0 0 1px #37006e;
        color: #fff;
        background-color: #000
    }
}

.ms-Persona-presenceIcon {
    color: #fff;
    font-size: 8px;
    line-height: 12px;
    vertical-align: top
}

.ms-Persona-details {
    padding: 0 12px;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    padding-left: 60px;
    display: table-cell;
    width: 100%
}

.ms-Persona-optionalText,
.ms-Persona-primaryText,
.ms-Persona-secondaryText,
.ms-Persona-tertiaryText {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ms-Persona-primaryText {
    color: #333;
    font-weight: 400;
    font-size: 17px;
    margin-top: -3px;
    line-height: 1.4
}

.ms-Persona-optionalText,
.ms-Persona-secondaryText,
.ms-Persona-tertiaryText {
    color: #666;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    line-height: 1.3
}

.ms-Persona-secondaryText {
    padding-top: 3px
}

.ms-Persona-optionalText,
.ms-Persona-tertiaryText {
    padding-top: 5px;
    display: none
}

.ms-Persona.ms-Persona--tiny {
    height: 30px;
    display: inline-block
}

.ms-Persona.ms-Persona--tiny .ms-Persona-imageArea {
    overflow: visible;
    display: none
}

.ms-Persona.ms-Persona--tiny .ms-Persona-presence {
    right: auto;
    top: 10px;
    left: 0;
    border: 0
}

@media screen and (-ms-high-contrast:active) {
    .ms-Persona.ms-Persona--tiny .ms-Persona-presence {
        top: 9px;
        border: 1px solid #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Persona.ms-Persona--tiny .ms-Persona-presence {
        border: 1px solid #000
    }
}

.ms-Persona.ms-Persona--tiny .ms-Persona-details {
    padding-left: 20px
}

.ms-Persona.ms-Persona--tiny .ms-Persona-primaryText {
    font-size: 14px;
    padding-top: 9px
}

.ms-Persona.ms-Persona--tiny .ms-Persona-secondaryText {
    display: none
}

.ms-Persona.ms-Persona--tiny.ms-Persona--readonly {
    padding: 0;
    background-color: transparent
}

.ms-Persona.ms-Persona--tiny.ms-Persona--readonly .ms-Persona-primaryText:after {
    content: ";"
}

.ms-Persona.ms-Persona--facePile,
.ms-Persona.ms-Persona--token,
.ms-Persona.ms-Persona--xs {
    height: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-image,
.ms-Persona.ms-Persona--facePile .ms-Persona-imageArea,
.ms-Persona.ms-Persona--token .ms-Persona-image,
.ms-Persona.ms-Persona--token .ms-Persona-imageArea,
.ms-Persona.ms-Persona--xs .ms-Persona-image,
.ms-Persona.ms-Persona--xs .ms-Persona-imageArea {
    max-width: 32px;
    height: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-placeholder,
.ms-Persona.ms-Persona--token .ms-Persona-placeholder,
.ms-Persona.ms-Persona--xs .ms-Persona-placeholder {
    font-size: 28px;
    top: 6px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-initials,
.ms-Persona.ms-Persona--token .ms-Persona-initials,
.ms-Persona.ms-Persona--xs .ms-Persona-initials {
    font-size: 12px;
    line-height: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-presence,
.ms-Persona.ms-Persona--token .ms-Persona-presence,
.ms-Persona.ms-Persona--xs .ms-Persona-presence {
    left: 19px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-details,
.ms-Persona.ms-Persona--token .ms-Persona-details,
.ms-Persona.ms-Persona--xs .ms-Persona-details {
    padding-left: 40px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-primaryText,
.ms-Persona.ms-Persona--token .ms-Persona-primaryText,
.ms-Persona.ms-Persona--xs .ms-Persona-primaryText {
    font-size: 14px;
    padding-top: 3px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-secondaryText,
.ms-Persona.ms-Persona--token .ms-Persona-secondaryText,
.ms-Persona.ms-Persona--xs .ms-Persona-secondaryText {
    display: none
}

.ms-Persona.ms-Persona--sm {
    height: 40px
}

.ms-Persona.ms-Persona--sm .ms-Persona-image,
.ms-Persona.ms-Persona--sm .ms-Persona-imageArea {
    max-width: 40px;
    height: 40px
}

.ms-Persona.ms-Persona--sm .ms-Persona-placeholder {
    font-size: 38px;
    top: 5px
}

.ms-Persona.ms-Persona--sm .ms-Persona-initials {
    font-size: 14px;
    line-height: 40px
}

.ms-Persona.ms-Persona--sm .ms-Persona-presence {
    left: 27px
}

.ms-Persona.ms-Persona--sm .ms-Persona-details {
    padding-left: 48px
}

.ms-Persona.ms-Persona--sm .ms-Persona-primaryText {
    font-size: 14px
}

.ms-Persona.ms-Persona--sm .ms-Persona-primaryText,
.ms-Persona.ms-Persona--sm .ms-Persona-secondaryText {
    padding-top: 1px
}

.ms-Persona.ms-Persona--lg {
    height: 72px
}

.ms-Persona.ms-Persona--lg .ms-Persona-image,
.ms-Persona.ms-Persona--lg .ms-Persona-imageArea {
    max-width: 72px;
    height: 72px
}

.ms-Persona.ms-Persona--lg .ms-Persona-placeholder {
    font-size: 67px;
    top: 10px
}

.ms-Persona.ms-Persona--lg .ms-Persona-initials {
    font-size: 28px;
    line-height: 72px
}

.ms-Persona.ms-Persona--lg .ms-Persona-presence {
    left: 49px;
    height: 20px;
    width: 20px;
    border-width: 3px
}

.ms-Persona.ms-Persona--lg .ms-Persona-presenceIcon {
    line-height: 20px;
    font-size: 14px
}

.ms-Persona.ms-Persona--lg .ms-Persona-details {
    padding-left: 84px
}

.ms-Persona.ms-Persona--lg .ms-Persona-secondaryText {
    padding-top: 3px
}

.ms-Persona.ms-Persona--lg .ms-Persona-tertiaryText {
    padding-top: 5px;
    display: block
}

.ms-Persona.ms-Persona--xl {
    height: 100px
}

.ms-Persona.ms-Persona--xl .ms-Persona-image,
.ms-Persona.ms-Persona--xl .ms-Persona-imageArea {
    max-width: 100px;
    height: 100px
}

.ms-Persona.ms-Persona--xl .ms-Persona-placeholder {
    font-size: 95px;
    top: 12px
}

.ms-Persona.ms-Persona--xl .ms-Persona-initials {
    font-size: 42px;
    line-height: 100px
}

.ms-Persona.ms-Persona--xl .ms-Persona-presence {
    height: 28px;
    width: 28px;
    left: 71px;
    border-width: 4px
}

.ms-Persona.ms-Persona--xl .ms-Persona-presenceIcon {
    line-height: 28px;
    font-size: 21px;
    position: relative;
    top: 1px
}

.ms-Persona.ms-Persona--xl .ms-Persona-details {
    padding-left: 120px
}

.ms-Persona.ms-Persona--xl .ms-Persona-primaryText {
    font-size: 21px;
    font-weight: 300;
    margin-top: 0
}

.ms-Persona.ms-Persona--xl .ms-Persona-secondaryText {
    padding-top: 2px
}

.ms-Persona.ms-Persona--xl .ms-Persona-optionalText,
.ms-Persona.ms-Persona--xl .ms-Persona-tertiaryText {
    padding-top: 5px;
    display: block
}

.ms-Persona.ms-Persona--darkText .ms-Persona-primaryText {
    color: #212121
}

.ms-Persona.ms-Persona--darkText .ms-Persona-optionalText,
.ms-Persona.ms-Persona--darkText .ms-Persona-secondaryText,
.ms-Persona.ms-Persona--darkText .ms-Persona-tertiaryText {
    color: #333
}

.ms-Persona.ms-Persona--selectable {
    cursor: pointer;
    padding: 0 10px
}

.ms-Persona.ms-Persona--selectable:not(.ms-Persona--xl):focus,
.ms-Persona.ms-Persona--selectable:not(.ms-Persona--xl):hover {
    background-color: #deecf9;
    outline: 1px solid transparent
}

.ms-Persona.ms-Persona--available .ms-Persona-presence {
    background-color: #7fba00
}

.ms-Persona.ms-Persona--away .ms-Persona-presence {
    background-color: #fcd116
}

.ms-Persona.ms-Persona--away .ms-Persona-presenceIcon {
    position: relative;
    left: 1px
}

.ms-Persona.ms-Persona--blocked .ms-Persona-presence {
    background-color: #fff
}

.ms-Persona.ms-Persona--blocked .ms-Persona-presence:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 2px #d93b3b;
    border-radius: 50%
}

.ms-Persona.ms-Persona--blocked .ms-Persona-presence:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d93b3b;
    transform: rotate(-45deg);
    position: absolute;
    top: 5px;
    left: 0
}

.ms-Persona.ms-Persona--blocked.ms-Persona--lg .ms-Persona-presence:after {
    top: 9px
}

.ms-Persona.ms-Persona--blocked.ms-Persona--xl .ms-Persona-presence:after {
    top: 13px
}

.ms-Persona.ms-Persona--busy .ms-Persona-presence {
    background-color: #d93b3b
}

@media screen and (-ms-high-contrast:active) {
    .ms-Persona.ms-Persona--busy .ms-Persona-presence {
        background-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Persona.ms-Persona--busy .ms-Persona-presence {
        background-color: #37006e
    }
}

.ms-Persona.ms-Persona--dnd .ms-Persona-presence {
    background-color: #e81123
}

.ms-Persona.ms-Persona--offline .ms-Persona-presence {
    background-color: #93abbd
}

@media screen and (-ms-high-contrast:active) {
    .ms-Persona.ms-Persona--offline .ms-Persona-presence {
        background-color: #000;
        box-shadow: inset 0 0 0 1px #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Persona.ms-Persona--offline .ms-Persona-presence {
        background-color: #fff;
        box-shadow: inset 0 0 0 1px #000
    }
}

.ms-Persona.ms-Persona--facePile {
    display: inline-block;
    width: auto
}

.ms-Persona.ms-Persona--facePile:hover {
    cursor: pointer
}

.ms-Persona.ms-Persona--facePile .ms-Persona-imageArea {
    position: relative;
    width: 100%;
    min-width: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-initials {
    position: relative
}

.ms-Persona.ms-Persona--facePile .ms-Persona-details,
.ms-Persona.ms-Persona--facePile .ms-Persona-presence {
    display: none
}

.ms-Persona.ms-Persona--token {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    background-color: #f4f4f4;
    border-radius: 20px;
    margin: 4px
}

.ms-Persona.ms-Persona--token:hover {
    cursor: pointer
}

.ms-Persona.ms-Persona--token .ms-Persona-actionIcon {
    border-radius: 20px;
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 30px;
    transition: background-color .167s cubic-bezier(.1, .9, .2, 1);
    text-align: center
}

.ms-Persona.ms-Persona--token .ms-Persona-actionIcon:hover {
    background-color: #eaeaea
}

.ms-Persona.ms-Persona--token .ms-Persona-imageArea {
    width: 100%;
    min-width: 32px
}

.ms-Persona.ms-Persona--token .ms-Persona-details {
    height: 30px;
    display: inline-block;
    width: auto;
    padding-right: 8px
}

.ms-Persona.ms-Persona--token .ms-Persona-primaryText {
    padding-top: 0;
    line-height: 34px
}

.ms-Persona.ms-Persona--token .ms-Persona-initials {
    position: relative
}

.ms-PersonaCard {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    animation-name: fadeIn, slideUpIn10;
    -webkit-animation-duration: .167s;
    -moz-animation-duration: .167s;
    -ms-animation-duration: .167s;
    -o-animation-duration: .167s;
    animation-timing-function: cubic-bezier(.1, .25, .75, .9);
    animation-fill-mode: both;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    outline: 1px solid transparent
}

.ms-PersonaCard-persona {
    background-color: #f4f4f4;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px
}

.ms-PersonaCard-actions {
    box-sizing: border-box;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    background-color: #fff;
    height: 48px
}

.ms-PersonaCard-actions:before {
    content: "";
    position: absolute;
    top: 47px;
    left: 0;
    width: 100%;
    border-top: 1px solid #c8c8c8
}

.ms-PersonaCard-action,
.ms-PersonaCard-overflow {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    color: #666;
    outline: transparent;
    position: relative;
    box-sizing: border-box
}

.ms-PersonaCard-action:hover,
.ms-PersonaCard-overflow:hover {
    color: #212121
}

.ms-PersonaCard-action:active,
.ms-PersonaCard-overflow:active {
    color: #0078d7
}

.ms-PersonaCard-action:before,
.ms-PersonaCard-overflow:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 100
}

.ms-PersonaCard-action.is-active,
.ms-PersonaCard-overflow.is-active {
    color: #0078d7
}

.ms-PersonaCard-action.is-active:after,
.ms-PersonaCard-overflow.is-active:after {
    box-sizing: border-box;
    transform: rotate(45deg);
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    position: absolute;
    border-right: 0;
    border-bottom: 0;
    bottom: -4px;
    left: 13px
}

.ms-PersonaCard-overflow {
    font-size: 14px;
    color: #333;
    float: right;
    margin-top: -1px
}

.ms-PersonaCard-overflow:hover {
    color: #0078d7
}

.ms-PersonaCard-orgChart {
    position: absolute;
    right: 12px;
    top: -95px
}

.ms-PersonaCard-actionDetailBox {
    min-height: 48px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
}

.ms-PersonaCard-details {
    display: none;
    width: 100%;
    margin: 0;
    max-height: 300px;
    min-height: 48px;
    color: #666;
    padding: 9px 20px;
    box-sizing: border-box
}

.ms-PersonaCard-details.is-active {
    display: block
}

.ms-PersonaCard-details.is-collapsed {
    height: 30px;
    overflow: hidden
}

.ms-PersonaCard-details.is-collapsed .ms-PersonaCard-detailExpander:after {
    content: "\E70D"
}

.ms-PersonaCard-details[data-detail-id=org] {
    max-height: 300px
}

.ms-PersonaCard-detailExpander {
    color: #333;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 30px
}

.ms-PersonaCard-detailExpander:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    content: "\E70E"
}

.ms-PersonaCard-detailLine {
    color: #333;
    line-height: 30px
}

.ms-PersonaCard-detailLabel {
    color: #666
}

.ms-PersonaCard-action.ms-PersonaCard-orgChart:after {
    display: none
}

@media (min-width:480px) {
    .ms-PersonaCard {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
        max-width: 360px;
        position: relative
    }
    .ms-ContextualHost .ms-PersonaCard {
        box-shadow: none
    }
}

.ms-Pivot {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400
}

.ms-Pivot-links {
    font-size: 0;
    height: 40px;
    list-style-type: none;
    padding: 0;
    white-space: nowrap
}

.ms-Pivot-link {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    margin-right: 8px;
    padding: 0 8px;
    text-align: center;
    vertical-align: top
}

.ms-Pivot-link:hover {
    cursor: pointer
}

.ms-Pivot-link:before {
    background-color: transparent;
    bottom: 0;
    content: "";
    height: 2px;
    left: 8px;
    position: absolute;
    right: 8px;
    transition: background-color .267s cubic-bezier(.1, .25, .75, .9)
}

.ms-Pivot-link:after {
    color: transparent;
    content: attr(title);
    display: block;
    font-weight: 700;
    height: 1px;
    overflow: hidden;
    visibility: hidden
}

.ms-Pivot-link.is-selected {
    font-weight: 600;
    position: relative
}

.ms-Pivot-link.is-selected:before {
    background-color: #0078d7
}

.ms-Pivot-link.is-disabled {
    color: #a6a6a6
}

.ms-Pivot-link.ms-Pivot-link--overflow {
    color: #666
}

.ms-Pivot-link.ms-Pivot-link--overflow.is-selected {
    color: #0078d7
}

.ms-Pivot-link.ms-Pivot-link--overflow:focus:not(.is-selected),
.ms-Pivot-link.ms-Pivot-link--overflow:hover:not(.is-selected) {
    color: #212121
}

.ms-Pivot-link.ms-Pivot-link--overflow:active {
    color: #0078d7
}

.ms-Pivot-ellipsis {
    font-size: 15px;
    position: relative;
    top: 0
}

.ms-Pivot-content {
    display: none;
    margin-top: 20px
}

.ms-Pivot.ms-Pivot--large .ms-Pivot-link {
    font-size: 17px
}

.ms-Pivot.ms-Pivot--large .ms-Pivot-link.is-selected {
    font-weight: 300
}

.ms-Pivot.ms-Pivot--large .ms-Pivot-link.ms-Pivot-link--overflow:after {
    font-size: 17px
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link {
    height: 40px;
    background-color: #f4f4f4;
    line-height: 40px;
    margin-right: -2px;
    padding: 0 10px
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link:focus:not(.is-selected):not(.ms-Pivot-link--overflow),
.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link:hover:not(.is-selected):not(.ms-Pivot-link--overflow) {
    color: #000
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link:active {
    color: #fff;
    background-color: #0078d7
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.is-selected {
    background-color: #0078d7;
    color: #fff;
    font-weight: 300
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.ms-Pivot-link--overflow:focus:not(.is-selected),
.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.ms-Pivot-link--overflow:hover:not(.is-selected) {
    background-color: #fff
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.ms-Pivot-link--overflow:active {
    background-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
    .ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.is-selected {
        font-weight: 600
    }
}

.ms-ProgressIndicator {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.ms-ProgressIndicator-itemName {
    color: #333;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 4px;
    line-height: 20px
}

.ms-ProgressIndicator-itemDescription {
    color: #767676;
    font-size: 11px;
    line-height: 18px
}

.ms-ProgressIndicator-itemProgress {
    position: relative;
    width: 180px;
    height: 2px;
    padding: 8px 0
}

.ms-ProgressIndicator-progressTrack {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #eaeaea;
    outline: 1px solid transparent
}

.ms-ProgressIndicator-progressBar {
    background-color: #0078d7;
    height: 2px;
    position: absolute;
    transition: width .3s ease;
    width: 0
}

@media screen and (-ms-high-contrast:active) {
    .ms-ProgressIndicator-progressBar {
        background-color: #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-ProgressIndicator-progressBar {
        background-color: #000
    }
}

.ms-SearchBox {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    height: 36px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    overflow: hidden;
    background-color: #fff
}

.ms-SearchBox.is-active {
    z-index: 10
}

.ms-SearchBox.is-active .ms-SearchBox-label {
    display: none
}

.ms-SearchBox.is-active .ms-SearchBox-clear {
    display: block
}

.ms-SearchBox:hover {
    background-color: #deecf9
}

.ms-SearchBox:hover .ms-SearchBox-label {
    color: #000
}

.ms-SearchBox:hover .ms-SearchBox-label .ms-Icon {
    color: #333
}

.ms-SearchBox.is-disabled {
    background-color: #f4f4f4;
    pointer-events: none
}

.ms-SearchBox.is-disabled .ms-SearchBox-icon,
.ms-SearchBox.is-disabled .ms-SearchBox-label {
    color: #a6a6a6
}

.ms-SearchBox.is-disabled .ms-SearchBox-field {
    color: #a6a6a6;
    background-color: transparent;
    border-color: #f4f4f4;
    cursor: default
}

.ms-SearchBox-clear {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.ms-SearchBox-clear .ms-CommandButton-button {
    background-color: #0078d7;
    color: #fff;
    height: 36px
}

.ms-SearchBox-clear .ms-CommandButton-icon {
    color: #fff
}

.ms-SearchBox-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    font-size: 16px;
    width: 16px;
    margin-left: 12px;
    margin-right: 6px;
    color: #0078d7;
    vertical-align: top
}

.ms-SearchBox-field {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 1px solid #69afe5;
    outline: 1px solid transparent;
    font-weight: 300;
    font-size: 14px;
    color: #000;
    height: 36px;
    padding: 6px 3px 7px 45px;
    width: 208px;
    background-color: transparent;
    z-index: 5;
    transition: padding-left .167s
}

.ms-SearchBox-field:focus {
    padding: 6px 32px 7px 10px;
    border-color: #0078d7;
    background-color: #deecf9
}

.ms-SearchBox-field::-ms-clear {
    display: none
}

.ms-SearchBox-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    line-height: 36px;
    color: #666
}

.ms-SearchBox.ms-SearchBox--commandBar {
    background-color: #fff;
    width: 208px;
    height: 40px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-label {
    height: 40px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field {
    transition: none;
    border: 0
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field:focus {
    background-color: transparent;
    padding: 6px 3px 7px 45px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter {
    display: none;
    position: absolute;
    top: 0;
    z-index: 10;
    color: #a6a6a6
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear .ms-CommandButton-button,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit .ms-CommandButton-button,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter .ms-CommandButton-button {
    height: 40px;
    background-color: transparent
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter {
    right: 8px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter .ms-CommandButton-icon {
    color: #0078d7
}

.ms-SearchBox.ms-SearchBox--commandBar:before {
    position: absolute;
    content: " ";
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 8px;
    border-bottom: 1px solid #eaeaea
}

.ms-SearchBox.ms-SearchBox--commandBar:hover {
    background-color: #fff
}

.ms-SearchBox.ms-SearchBox--commandBar:hover .ms-SearchBox-label {
    color: #212121
}

.ms-SearchBox.ms-SearchBox--commandBar:hover .ms-SearchBox-icon {
    color: #0078d7
}

.ms-SearchBox.ms-SearchBox--commandBar:focus {
    background-color: transparent
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-CommandButton .ms-SearchBox-exit,
.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-CommandButton .ms-SearchBox-filter {
    display: block
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed {
    width: 50px;
    min-height: 40px;
    z-index: 0;
    background-color: #f4f4f4
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed .ms-SearchBox-text {
    display: none
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed .ms-SearchBox-field {
    cursor: pointer;
    width: calc(100% - 50px)
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed:before {
    visibility: hidden
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
    width: 100%
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-field {
    display: block;
    cursor: text
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-text {
    display: inline-block
}

@media only screen and (max-width:639px) {
    .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
        width: 100%
    }
    .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-clear {
        display: inline-block;
        right: 58px
    }
    .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-filter {
        display: inline-block
    }
    .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active.is-animated {
        transition: width .167s cubic-bezier(.1, .9, .2, 1)
    }
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active:before {
    visibility: visible
}

.ms-SearchBox.ms-SearchBox--commandBar.has-text .ms-SearchBox-clear {
    display: inline-block
}

.ms-SearchBox.ms-SearchBox--commandBar.has-text .ms-SearchBox-clear .ms-CommandButton-icon {
    color: #a6a6a6
}

.ms-SearchBox.ms-SearchBox--commandBar.has-text .ms-SearchBox-clear .ms-CommandButton-icon:active {
    color: #0078d7
}

@media only screen and (min-width:1024px) {
    .ms-SearchBox.ms-SearchBox--commandBar {
        background-color: #fff;
        border-right: 1px solid #eaeaea
    }
}

@media only screen and (max-width:639px) {
    .ms-SearchBox.ms-SearchBox--commandBar {
        height: 44px
    }
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-icon,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-label {
        height: 44px;
        line-height: 44px
    }
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-icon {
        font-size: 20px
    }
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear .ms-CommandButton-button,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit .ms-CommandButton-button,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter .ms-CommandButton-button,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-icon .ms-CommandButton-button {
        height: 44px
    }
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field,
    .ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-label {
        font-size: 16px
    }
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active {
    background-color: #fff
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-label {
    display: block;
    line-height: 40px;
    height: 40px
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-label .ms-SearchBox-text {
    display: none
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active:before {
    visibility: visible
}

@media only screen and (max-width:639px) {
    .ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-field {
        width: 100%;
        padding-right: 100px
    }
    .ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-icon {
        display: none
    }
    .ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-exit {
        display: inline-block
    }
    .ms-SearchBox.ms-SearchBox--commandBar.is-active.has-text .ms-SearchBox-filter .ms-CommandButton-icon {
        color: #a6a6a6
    }
}

.ms-Spinner {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    height: 20px
}

.ms-Spinner.ms-Spinner--large {
    height: 28px
}

.ms-Spinner.ms-Spinner--large .ms-Spinner-label {
    left: 34px;
    top: 6px
}

.ms-Spinner-circle {
    position: absolute;
    border-radius: 100px;
    background-color: #0078d7;
    opacity: 0
}

@media screen and (-ms-high-contrast:active) {
    .ms-Spinner-circle {
        background-color: #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Spinner-circle {
        background-color: #000
    }
}

.ms-Spinner-label {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: #0078d7;
    left: 28px;
    top: 2px
}

.ms-Spinner-label,
.ms-Table {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased
}

.ms-Table {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.ms-Table--fixed {
    table-layout: fixed
}

.ms-Table-row,
.ms-Table tr {
    display: table-row;
    line-height: 30px;
    font-weight: 300;
    font-size: 12px;
    color: #333
}

.ms-Table-row.is-selected,
.ms-Table tr.is-selected {
    background-color: #b3d6f2
}

.ms-Table-row.is-selected .ms-Table-rowCheck,
.ms-Table tr.is-selected .ms-Table-rowCheck {
    background-color: #0078d7
}

.ms-Table-row.is-selected .ms-Table-rowCheck:before,
.ms-Table tr.is-selected .ms-Table-rowCheck:before {
    display: none
}

.ms-Table-row.is-selected .ms-Table-rowCheck:after,
.ms-Table tr.is-selected .ms-Table-rowCheck:after {
    content: "\E73A";
    color: #fff
}

.ms-Table-cell,
.ms-Table td,
.ms-Table th {
    display: table-cell;
    padding: 0 10px
}

.ms-Table-head,
.ms-Table thead th {
    font-weight: 300;
    font-size: 11px;
    color: #666
}

.ms-Table-head .ms-Table-cell,
.ms-Table-head .ms-Table-rowCheck,
.ms-Table-head td,
.ms-Table-head th,
.ms-Table thead .ms-Table-cell,
.ms-Table thead .ms-Table-rowCheck,
.ms-Table thead td,
.ms-Table thead th {
    font-weight: 400;
    text-align: left;
    border-bottom: 1px solid #eaeaea
}

.ms-Table-rowCheck {
    display: table-cell;
    width: 20px;
    position: relative;
    padding: 0
}

.ms-Table-rowCheck:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    content: "\E739";
    color: #a6a6a6;
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: 1px
}

.ms-Table--selectable .ms-Table-row:hover,
.ms-Table--selectable tr:hover {
    background-color: #f4f4f4;
    cursor: pointer;
    outline: 1px solid transparent
}

@media screen and (-ms-high-contrast:active) {
    .ms-Table-row.is-selected .ms-Table-rowCheck {
        background: none
    }
    .ms-Table-row.is-selected .ms-Table-rowCheck:before {
        display: block
    }
}

.ms-TextField {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px
}

.ms-TextField .ms-Label {
    font-size: 14px;
    font-weight: 600
}

.ms-TextField.is-disabled .ms-TextField-field {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    pointer-events: none;
    cursor: default
}

.ms-TextField.is-disabled::-webkit-input-placeholder {
    color: #a6a6a6
}

.ms-TextField.is-disabled:-moz-placeholder,
.ms-TextField.is-disabled::-moz-placeholder {
    color: #a6a6a6
}

.ms-TextField.is-disabled:-ms-input-placeholder {
    color: #a6a6a6
}

.ms-TextField.is-required .ms-Label:after {
    content: " *";
    color: #a80000
}

.ms-TextField.is-required::-webkit-input-placeholder:after {
    content: " *";
    color: #a80000
}

.ms-TextField.is-required:-moz-placeholder:after,
.ms-TextField.is-required::-moz-placeholder:after {
    content: " *";
    color: #a80000
}

.ms-TextField.is-required:-ms-input-placeholder:after {
    content: " *";
    color: #a80000
}

.ms-TextField.is-active {
    border-color: #0078d7
}

.ms-TextField-field {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    font-weight: 300;
    font-size: 14px;
    color: #333;
    height: 32px;
    padding: 6px 12px 7px;
    width: 100%;
    min-width: 180px;
    outline: 0;
    text-overflow: ellipsis
}

.ms-TextField-field:hover {
    border-color: #767676
}

.ms-TextField-field:focus {
    border-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
    .ms-TextField-field:focus,
    .ms-TextField-field:hover {
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-TextField-field:focus,
    .ms-TextField-field:hover {
        border-color: #37006e
    }
}

.ms-TextField-field[disabled] {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    pointer-events: none;
    cursor: default
}

.ms-TextField-field::-webkit-input-placeholder {
    color: #666
}

.ms-TextField-field:-moz-placeholder,
.ms-TextField-field::-moz-placeholder {
    color: #666
}

.ms-TextField-field:-ms-input-placeholder {
    color: #666
}

.ms-TextField-description {
    color: #767676;
    font-size: 11px
}

.ms-TextField.ms-TextField--placeholder {
    position: relative;
    background-color: #fff
}

.ms-TextField.ms-TextField--placeholder .ms-TextField-field {
    position: relative;
    background-color: transparent;
    z-index: 5
}

.ms-TextField.ms-TextField--placeholder .ms-Label {
    position: absolute;
    font-weight: 300;
    font-size: 14px;
    color: #666;
    padding: 6px 12px 7px;
    pointer-events: none;
    z-index: 0
}

.ms-TextField.ms-TextField--placeholder.is-disabled,
.ms-TextField.ms-TextField--placeholder.is-disabled .ms-Label {
    color: #a6a6a6
}

.ms-TextField.ms-TextField--underlined {
    border-bottom: 1px solid #c8c8c8;
    display: table;
    width: 100%;
    min-width: 180px
}

.ms-TextField.ms-TextField--underlined:hover {
    border-color: #767676
}

@media screen and (-ms-high-contrast:active) {
    .ms-TextField.ms-TextField--underlined:hover {
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-TextField.ms-TextField--underlined:hover {
        border-color: #37006e
    }
}

.ms-TextField.ms-TextField--underlined:active,
.ms-TextField.ms-TextField--underlined:focus {
    border-color: #0078d7
}

.ms-TextField.ms-TextField--underlined .ms-Label {
    font-size: 14px;
    margin-right: 8px;
    display: table-cell;
    vertical-align: top;
    padding-left: 12px;
    padding-top: 9px;
    height: 32px;
    width: 1%;
    white-space: nowrap
}

.ms-TextField.ms-TextField--underlined .ms-TextField-field {
    border: 0;
    float: left;
    display: table-cell;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 3px
}

.ms-TextField.ms-TextField--underlined .ms-TextField-field:active,
.ms-TextField.ms-TextField--underlined .ms-TextField-field:focus,
.ms-TextField.ms-TextField--underlined .ms-TextField-field:hover {
    outline: 0
}

.ms-TextField.ms-TextField--underlined.is-disabled {
    border-bottom-color: #eaeaea
}

.ms-TextField.ms-TextField--underlined.is-disabled .ms-Label {
    color: #a6a6a6
}

.ms-TextField.ms-TextField--underlined.is-disabled .ms-TextField-field {
    background-color: transparent;
    color: #a6a6a6
}

.ms-TextField.ms-TextField--underlined.is-active {
    border-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
    .ms-TextField.ms-TextField--underlined.is-active {
        border-color: #1aebff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-TextField.ms-TextField--underlined.is-active {
        border-color: #37006e
    }
}

.ms-TextField.ms-TextField--multiline .ms-TextField-field {
    color: #666;
    font-size: 14px;
    line-height: 17px;
    min-height: 60px;
    min-width: 260px;
    padding-top: 6px;
    overflow: auto
}

.ms-Label,
.ms-TextField.ms-TextField--multiline .ms-TextField-field {
    -webkit-font-smoothing: antialiased;
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    font-weight: 400
}

.ms-Label {
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #333;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    padding: 5px 0
}

.ms-Label.is-required:after {
    content: " *";
    color: #a80000
}

.ms-Label.is-disabled {
    color: #a6a6a6
}

.ms-Toggle {
    font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    position: relative;
    display: block;
    margin-bottom: 26px
}

.ms-Toggle .ms-Label {
    position: relative;
    top: -2px;
    padding: 0 0 0 50px
}

.ms-Toggle .ms-Toggle-field:before {
    position: absolute;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    content: "";
    left: 4px;
    background-color: #666;
    outline: 1px solid transparent;
    transition-property: background, left;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

@media screen and (-ms-high-contrast:active) {
    .ms-Toggle .ms-Toggle-field:before {
        border: 2.5px solid #fff;
        height: 15px;
        outline: 0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Toggle .ms-Toggle-field:before {
        border-color: #000
    }
}

.ms-Toggle .ms-Toggle-field:before {
    right: auto
}

.ms-Toggle .ms-Toggle-field .ms-Label--off {
    display: block
}

.ms-Toggle .ms-Toggle-field .ms-Label--on {
    display: none
}

.ms-Toggle .ms-Toggle-field.is-selected {
    background-color: #0078d7;
    border-color: #0078d7
}

.ms-Toggle .ms-Toggle-field.is-selected:before {
    position: absolute;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    content: "";
    right: 4px;
    background-color: #666;
    outline: 1px solid transparent;
    transition-property: background, left;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

@media screen and (-ms-high-contrast:active) {
    .ms-Toggle .ms-Toggle-field.is-selected:before {
        border: 2.5px solid #fff;
        height: 15px;
        outline: 0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Toggle .ms-Toggle-field.is-selected:before {
        border-color: #000
    }
}

.ms-Toggle .ms-Toggle-field.is-selected:before {
    background-color: #fff;
    left: 28px
}

.ms-Toggle .ms-Toggle-field.is-selected .ms-Label--off {
    display: none
}

.ms-Toggle .ms-Toggle-field.is-selected .ms-Label--on {
    display: block
}

@media screen and (-ms-high-contrast:active) {
    .ms-Toggle .ms-Toggle-field.is-selected {
        background-color: #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Toggle .ms-Toggle-field.is-selected {
        background-color: #000
    }
}

.ms-Toggle:focus+.ms-Toggle-field,
.ms-Toggle:hover+.ms-Toggle-field {
    border-color: #666
}

.ms-Toggle:focus+.ms-Toggle-field:before,
.ms-Toggle:hover+.ms-Toggle-field:before {
    background-color: #333
}

.ms-Toggle:focus:checked+.ms-Toggle-field,
.ms-Toggle:hover:checked+.ms-Toggle-field {
    background-color: #106ebe;
    border-color: #106ebe
}

.ms-Toggle:focus:checked+.ms-Toggle-field:before,
.ms-Toggle:hover:checked+.ms-Toggle-field:before {
    background-color: #fff
}

.ms-Toggle:active:checked+.ms-Toggle-field {
    background-color: #005a9e;
    border-color: #005a9e
}

.ms-Toggle .ms-Toggle-field:focus,
.ms-Toggle .ms-Toggle-field:hover {
    border-color: #333
}

.ms-Toggle .ms-Toggle-field.is-selected:focus,
.ms-Toggle .ms-Toggle-field.is-selected:hover {
    background-color: #106ebe;
    border-color: #106ebe
}

.ms-Toggle .ms-Toggle-field .ms-Label {
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ms-Toggle .ms-Toggle-field:hover .ms-Label {
    color: #000
}

.ms-Toggle .ms-Toggle-field:active .ms-Label {
    color: #333
}

.ms-Toggle.is-disabled .ms-Label {
    color: #a6a6a6
}

.ms-Toggle.is-disabled .ms-Toggle-field {
    background-color: #fff;
    border-color: #c8c8c8;
    pointer-events: none;
    cursor: default
}

.ms-Toggle.is-disabled .ms-Toggle-field:before {
    background-color: #c8c8c8
}

@media screen and (-ms-high-contrast:active) {
    .ms-Toggle.is-disabled .ms-Toggle-field,
    .ms-Toggle.is-disabled .ms-Toggle-field:before {
        border-color: #0f0
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .ms-Toggle.is-disabled .ms-Toggle-field,
    .ms-Toggle.is-disabled .ms-Toggle-field:before {
        border-color: #600000
    }
}

.ms-Toggle-description {
    position: relative;
    font-size: 14px;
    vertical-align: top;
    display: block;
    margin-bottom: 8px
}

.ms-Toggle-field {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid #a6a6a6;
    border-radius: 20px;
    cursor: pointer;
    transition-property: background, left, border-color;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1);
    outline: 0
}

.ms-Toggle-field:focus,
.ms-Toggle-field:hover {
    border-color: #666
}

.ms-Toggle-input {
    display: none
}

.ms-Toggle.ms-Toggle--textLeft {
    width: 225px;
    margin-bottom: 40px
}

.ms-Toggle.ms-Toggle--textLeft .ms-Toggle-description {
    display: inline-block;
    max-width: 150px;
    top: -3px;
    margin-bottom: 0
}

.ms-Toggle.ms-Toggle--textLeft .ms-Toggle-field {
    float: right
}